Spinner
A theme-aware spinner for indeterminate loading / pending feedback.
Controls
import { Spinner } from "raft-ui";
<Spinner />API#WIP
| Prop | Type | Default | Description |
|---|---|---|---|
size | "xs" | "sm" | "md" | "lg" | "sm" | Ring diameter. Brutal scales the ring across all four steps (16px at sm, 32px at lg); elegant keeps a compact 14-18px ring. |
variant | "default" | "inverse" | "default" | Use inverse on dark surfaces so the brutal ring keeps enough contrast. |
aria-label | string | "Loading" | Accessible label announced by screen readers. |
render | ReactElement | (props, state) => ReactElement | — | Base UI render hook for changing the root element. |
...props | HTMLAttributes<HTMLSpanElement> | — | Native span attributes. Use className for color/positioning and data-icon inline placement. |