2016-07-21 09:51:04 +08:00
---
category: Components
2016-11-09 14:43:32 +08:00
type: Feedback
2016-07-21 09:51:04 +08:00
title: Spin
2020-05-31 11:48:34 +08:00
cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
2016-07-21 09:51:04 +08:00
---
2017-01-07 22:07:09 +08:00
A spinner for displaying loading state of a page or a section.
2016-07-21 09:51:04 +08:00
2016-09-10 13:43:30 +08:00
## When To Use
2016-07-21 09:51:04 +08:00
2016-11-29 17:13:24 +08:00
When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users' inquietude.
2016-07-21 09:51:04 +08:00
## API
2021-02-28 09:35:34 +08:00
| Property | Description | Type | Default |
2019-11-20 17:46:50 +08:00
| --- | --- | --- | --- |
2020-07-02 16:13:17 +08:00
| delay | Specifies a delay in milliseconds for loading state (prevent flush) | number (milliseconds) | - |
2019-12-25 19:09:17 +08:00
| indicator | React node of the spinning indicator | ReactNode | - |
2020-07-02 16:13:17 +08:00
| size | The size of Spin, options: `small` , `default` and `large` | string | `default` |
| spinning | Whether Spin is spinning | boolean | true |
| tip | Customize description content when Spin has children | string | - |
| wrapperClassName | The className of wrapper when Spin has children | string | - |
2018-06-06 19:32:30 +08:00
### Static Method
2019-12-20 15:07:18 +08:00
- `Spin.setDefaultIndicator(indicator: ReactNode)`
2019-12-26 15:27:52 +08:00
You can define default spin element globally.
