Back to Loader
View full API on Loader
Loader
Inline with text
Indeterminate and determinate loaders next to status text.
LoadingLoading account details…
LoadingUploading — 64%
LoadingRefreshing dashboard data…
API
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "md" | "lg" | "xl" | number | md | Pixel diameter. |
| tone | "primary" | "muted" | "current" | primary | Stroke color. |
| variant | "ring" | "dots" | "bars" | "pulse" | ring | Visual treatment for indeterminate loading. |
| value | number | — | 0-100. When set, renders a determinate ring instead of spinning. |
| thickness | number | 3 | Ring stroke width; applies to the ring variant only. |
| label | string | Loading | Accessible label for screen readers. |