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
---
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
2017-10-25 10:25:44 +08:00
| Property | Description | Type | Default Value |
| -------- | ----------- | ---- | ------------- |
| delay | specifies a delay in milliseconds for loading state (prevent flush) | number (milliseconds) | - |
2018-02-14 12:30:31 +08:00
| indicator | React node of the spinning indicator | ReactElement | - |
2017-10-25 10:25:44 +08:00
| size | 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 | className of wrapper when Spin has children | string | - |
2018-06-06 19:32:30 +08:00
### Static Method
- `Spin.setDefaultIndicator(indicator: ReactElement)`
As `indicator` , you can define the global default spin element
