ComponentsFeedback
Spinner
An accessible loading indicator.
Theme
Motion
An accessible loading indicator.
<Spinner />The same component at all four levels. Pick the one that fits your project; they share tokens, so they mix.
npm i junco @junco/tailwindimport { Spinner } from "junco";
<Spinner />
<Spinner size="lg" label="Loading results" />Spinners draw in currentColor, so they match the text around them.
Prefer Button's isLoading: it hides this spinner from screen readers and sets aria-busy instead.
Spinner#sizelabel| Prop | Type | Default |
|---|---|---|
size12, 16 or 24px. | "sm" | "md" | "lg" | "md" |
labelRead by screen readers. Pass null when something nearby already announces loading. | string | null | "Loading" |