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.
ant-design-vue/components/spin/index.en-US.md

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}) As indicator, 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' }),
});