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.
1.4 KiB
1.4 KiB
category | type | title | cover | coverDark |
---|---|---|---|---|
Components | Feedback | Spin | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*5mC5TomY4B0AAAAAAAAAAAAADrJ8AQ/original | 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})
Asindicator
, you can define the global default spin element
import { h } from 'vue';
Spin.setDefaultIndicator({
indicator: h('i', { class: 'anticon anticon-loading anticon-spin ant-spin-dot' }),
});