Spinner
Something is working and will finish soon.
import { Spinner } from "@flinbu/seed";Sizes
LoadingLoading
import { Spinner } from "@flinbu/seed";
<Spinner size="xs" />
<Spinner />
<Spinner size="md" className="text-icon-accent-primary" />Use it for
- Inside buttons and small areas. Prefer Skeleton for page loads.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'xs' | 'sm' | 'md' | 'lg' | 'sm' | 12 to 24 px. |
label | string | null | 'Loading' | Announced text. |
Accessibility
- Announces Loading (role status); pass label={null} when a parent already says it's busy.
- Stops spinning with reduced motion.