mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-03 00:09:39 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity
5b9afc3cf1
ant-design/components/spin/index.en-US.md
二货爱吃白萝卜 20561d6f9d
docs: Fix component doc alignment & support import usage (#48004) 
* docs: init ref

* docs all support

* docs: fix link show
2024-03-22 14:22:42 +08:00

1.9 KiB
Raw Blame History

category group title description cover coverDark demo
Components Feedback Spin Used for the loading status of a page or a block. 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

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 Fullscreen

API

Common props ref：Common props

Property Description Type Default Version
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 -
fullscreen Display a backdrop with the Spin component boolean false 5.11.0

Static Method

  • Spin.setDefaultIndicator(indicator: ReactNode)

    You can define default spin element globally.

Design Token