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.7 KiB

category group title cover coverDark demo
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 [{cols 2}]

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.

Examples

basic Usage Size Inside a container Embedded mode Customized description delay Custom spinning indicator

API

Property Description Type Default
delay Specifies a delay in milliseconds for loading state (prevent flush) number (milliseconds) -
indicator React node of the spinning indicator ReactNode -
size The 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 ReactNode -
wrapperClassName The className of wrapper when Spin has children string -

Static Method

  • Spin.setDefaultIndicator(indicator: ReactNode)

    You can define default spin element globally.

Design Token