Skip to content

Spin

Show animation while loading data.

Basic usage

Used to show the status of loading.

Custom size

A small Spin use in loading text, default Spin use in loading card-level block, and large Spin use in loading page.

Dot

Spin with dot styles.

Container

You can add a loading indicator to any content.

We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow.
We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow.

Add tip

You can customize loading text by using tip attribute

loading..

Custom icon

Use the icon slot to set custom icon.

Spin API

Spin Attributes

NameDescriptionTypeDefault
sizeSize of spinNumber14
loadingWhether it is loading state (Only effective in container mode)Booleantrue
dotWhether to use dot type animationBooleanfalse
tipPrompt contentString-

Radio Slots

NameDescription
defaultCustom content
tipCustom tip
iconCustom icon (auto-rotation)