spinner
Spinner
A turning loader that tells screen readers what is loading; inside a button it takes the icon slot and size.
States: Default
Parts
| Part | File | Does |
|---|---|---|
| Spinner | Spinner.vue | Shows that something is loading or in progress. |
Styling
| Part | Recipe |
|---|---|
| Spinner | spinner |
Install
Writes 2 files into components/ui/spinner/. For agents, npx @frontic/ui docs spinner prints this reference as markdown; the MCP server serves the same.
- npm packages
- @lucide/vue
API reference
Spinner Spinner.vue
Shows that something is loading or in progress.
| Prop | Type | Default | |
|---|---|---|---|
| class | ClassValue | — | |
| label | string | 'Loading' | |
| Recipe spinner | Sets | |
|---|---|---|
| base: spinner | 1 property | |
Example