React Component Kit
Back to Loader
Loader

Dashboard states

Pulse and bar indicators inside metric panels.

Active users

Live workspace activity.

LoadingSyncing latest count…

Data refresh

Updated every five minutes.

LoadingRefreshing metrics…

API

PropTypeDefaultDescription
size"sm" | "md" | "lg" | "xl" | numbermdPixel diameter.
tone"primary" | "muted" | "current"primaryStroke color.
variant"ring" | "dots" | "bars" | "pulse"ringVisual treatment for indeterminate loading.
valuenumber0-100. When set, renders a determinate ring instead of spinning.
thicknessnumber3Ring stroke width; applies to the ring variant only.
labelstringLoadingAccessible label for screen readers.
View full API on Loader

More Loader examples