Feedback
Loading spinner for indeterminate progress, with 7 built-in variants.
5 props across 2 groups
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | "Loading" | Accessible label (used with role="status"). |
label
string
Default: "Loading"
Accessible label (used with role="status").
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "ring-inset" | "ring-clip" | "ring-outset" | "ring-dual" | "pulse" | "dots-roll" | "dots-sweep" | ring-inset | Visual spinner style. |
size | "xs" | "xs-sm" | "sm" | "md" | "lg" | "xl" | number | "md" (40px) | Loader size; accepts a size token or a raw pixel number. |
color | "default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "white" | — | Shorthand that sets both trackColor and indicatorColor. |
trackColor | LoaderColor | color ?? "white" | Color of the loader's background track. |
indicatorColor | LoaderColor | color ?? "default" | Color of the loader's moving indicator. |
variant
"ring-inset" | "ring-clip" | "ring-outset" | "ring-dual" | "pulse" | "dots-roll" | "dots-sweep"
Default: ring-inset
Visual spinner style.
size
"xs" | "xs-sm" | "sm" | "md" | "lg" | "xl" | number
Default: "md" (40px)
Loader size; accepts a size token or a raw pixel number.
color
"default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "white"
Default: —
Shorthand that sets both trackColor and indicatorColor.
trackColor
LoaderColor
Default: color ?? "white"
Color of the loader's background track.
indicatorColor
LoaderColor
Default: color ?? "default"
Color of the loader's moving indicator.
| Prop | Type | Default | Description |
|---|---|---|---|
speed | string | "1s" | Animation duration, any valid CSS time value. |
speed
string
Default: "1s"
Animation duration, any valid CSS time value.
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Class applied to the root element. |
style | CSSProperties | — | Inline styles for the root element. |
className
string
Default: —
Class applied to the root element.
style
CSSProperties
Default: —
Inline styles for the root element.