You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.4 KiB
36 lines
1.4 KiB
---
|
|
category: Components
|
|
type: Feedback
|
|
title: Spin
|
|
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*5mC5TomY4B0AAAAAAAAAAAAADrJ8AQ/original
|
|
coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*i43_ToFrL8YAAAAAAAAAAAAADrJ8AQ/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.
|
|
|
|
## API
|
|
|
|
| Property | Description | Type | Default Value | Version |
|
|
| --- | --- | --- | --- | --- |
|
|
| delay | specifies a delay in milliseconds for loading state (prevent flush) | number (milliseconds) | - | |
|
|
| indicator | vue node of the spinning indicator | vNode \|slot | - | |
|
|
| size | 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 | string \| slot | - | slot 3.0 |
|
|
| wrapperClassName | className of wrapper when Spin has children | string | - | |
|
|
|
|
### Static Method
|
|
|
|
- `Spin.setDefaultIndicator({indicator})` As `indicator`, you can define the global default spin element
|
|
|
|
```jsx
|
|
import { h } from 'vue';
|
|
Spin.setDefaultIndicator({
|
|
indicator: h('i', { class: 'anticon anticon-loading anticon-spin ant-spin-dot' }),
|
|
});
|
|
```
|