Skip to Content
Sponsor

Spinner

Spinners provide a visual cue that an action is processing awaiting a course of change or a result.

Usage#

Loading...
Editable Example

Spinner with Color#

Loading...
Editable Example

Spinner with different size#

Loading...
Loading...
Loading...
Loading...
Loading...
Editable Example

Spinner with empty area color#

Loading...
Editable Example

Props#

NameTypeDefaultDescription
sizexl,lg,md,sm,xsmdThe size of the spinner.
thicknessstring2pxThe thickness of the spinner.
speedstring0.45sThe speed of the spinner.
labelstringLoading...An accessible label for the spinner (Useful for screen readers)
colorstringThe color of the spinner.
emptyColorstringtransparentThe color of the empty areas in the spinner.
Edit this page