mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
e7edfa42d7
* docs: update overview img * chore: code clean * chore: code clean * chore: update * chore: code clean
1.5 KiB
1.5 KiB
| category | group | title | cover | demo | ||
|---|---|---|---|---|---|---|
| Components | Feedback | Spin | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*5mC5TomY4B0AAAAAAAAAAAAADrJ8AQ/original |
|
A spinner for displaying loading state of a page or a section.
When To Use
When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users' inquietude.
Examples
basic Usage
Size
Inside a container
Embedded mode
Customized description
delay
Custom spinning indicator
API
| Property | Description | Type | Default |
|---|---|---|---|
| delay | Specifies a delay in milliseconds for loading state (prevent flush) | number (milliseconds) | - |
| indicator | React node of the spinning indicator | ReactNode | - |
| size | The size of Spin, options: small, default and large |
string | default |
| spinning | Whether Spin is visible | boolean | true |
| tip | Customize description content when Spin has children | ReactNode | - |
| wrapperClassName | The className of wrapper when Spin has children | string | - |
Static Method
-
Spin.setDefaultIndicator(indicator: ReactNode)You can define default spin element globally.