npm i @velkin/react
import { VuSpinner } from "@velkin/react/spinner";| Prop | Type | Default | Description |
|---|---|---|---|
| variant | VuSpinnerVariant | "solid" | Spinner visual style. |
| size | string | "md" | Size preset or CSS length. |
| color | VuSpinnerColor | "primary" | Foreground intent token (`currentColor`). |
| label | string | "" | Accessible name; defaults to a localized loading label. |
| overlay | boolean | false | Covers the parent element as an overlay. |
| fullscreen | boolean | false | Covers the viewport as a fullscreen overlay. |
| backdropBlur | boolean | false | Blurs content behind overlay modes. |
| speed | number | 1 | Animation speed multiplier (`1` = default rate). |
| paused | boolean | false | Pauses animation without removing the element. |
| Part | Description |
|---|---|
| spinner | Root flex container; becomes the overlay surface when `overlay` / `fullscreen`. |
| circle | Ring-style variants (`solid`, `track`, `gradient`, …). |
| dots | Three-dot variant container. |
| dot | Individual dot in the `dots` variant. |
| bars | Four-bar variant container. |
| bar | Individual bar in the `bars` variant. |
| Name | Definition |
|---|---|
| VuSpinnerColor | |
| VuSpinnerSizePreset | string | |
| VuSpinnerVariant | |