Loading

Indicate an action running in the background.

General

The basic Loading usage.

Preview
See code

With Text

Customize text next to icon.

Preview
See code

Types

Loading indicators in different states.

Preview
See code

Spaces

Customize the space between points. (the ratio is relative to the current size)

Preview
See code

APIs

Loading.Props

AttributeDescriptionTypeAccepted valuesDefault
typebg-color typeLoadingTypesLoadingTypesdefault
colorcustom bg colorstring--
spaceRatiopercentage of space between pointsnumber-1
...native propsHTMLAttributes'id', 'title', 'className', ...-

LoadingTypes

type LoadingTypes =
  | 'default'
  | 'primary'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'info'
Edit this page on GitHub

Previous

Link

Next

Modal

MADE & DESIGNED WITHBY BRUNO ANDRADE
docs background gradient blue
docs background gradient violet