Spinner

Progress

v1.0.0

stable

A loading indicator for async operations and data fetching.

primary

secondary

white

npx inam-ui add spinner

Usage Examples

Medium primary spinner

<Spinner />

Different spinner sizes

<Spinner size="sm" />
<Spinner size="lg" />
<Spinner size="xl" />

Spinners should have an aria-label to indicate the loading state.

Name	Type	Default	Description
`size`	`'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`	Size of the spinner.
`variant`	`'primary' \| 'secondary' \| 'white'`	`'primary'`	Color variant of the spinner.