Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🔥 feat(design): New Spin #75

Merged
merged 3 commits into from
Aug 7, 2023
Merged

🔥 feat(design): New Spin #75

merged 3 commits into from
Aug 7, 2023

Conversation

dengfuping
Copy link
Collaborator

Design

image

image

image

image

image

image

API

参数 说明 类型 默认值 版本
gray 是否为灰色的加载指示符,仅针对默认指示符生效 boolean false -

Usage

  • Basic:
<Spin />
<Spin size="small" />
<Spin size="large" />
  • Gray:
<Spin gray={true} />
<Spin gray={true} size="small" />
<Spin gray={true} size="large" />
  • Nested:
<Spin tip="Loading">
  <Container />
</Spin>

Implement

  • Use lottie-web to implement animation for now.
  • Lottie json files:
default gray
1687247155637-b56800f2-8b2e-426f-b971-5dfa952547d5 spin.zip
1687257783349-5fabdd5e-3571-488f-bc10-e10c97a2c7fb spin-gray.zip

Demo

2023-08-07 20-51-59 2023-08-07 20_53_19

@github-actions
Copy link

github-actions bot commented Aug 7, 2023

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant