Spinner
Variants
Preview
index.tsx
Sizes
Preview
index.tsx
Preview
index.tsx
Preview
index.tsx
Design Tokens for Spinner
| Token | Color for | State/Meaning |
|---|
| --par-color-stroke-spinner-interactive-neutral | Spinner arc | Neutral |
| --par-color-stroke-spinner-interactive-accent | Spinner arc | Accent |
| --par-color-stroke-spinner-inactive | Spinner background | Inactive |
Spinner API Reference
<Spinner />
| Prop | Type | Default | Description |
|---|
| variant | 'circular' | 'dotted' | 'sunburst' | 'circular' | Spinner style variant |
| color | 'neutral' | 'accent' | 'neutral' | Spinner color |
| size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Spinner size |
| ...spanProps | React.HTMLAttributes<HTMLSpanElement> | | All native span props (className, style, ...) |
Note: Spinner inherits all native props from HTMLSpanElement.