Loading

Indicate an action running in the background.

General

The basic Loading usage.

With Text

Customize text next to icon.

Types

Loading indicators in different states.

Spaces

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

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