Spinner
Inline loading indicator for compact pending states.
Variant: default
circle
light
dots
ripple
radar
turn
concentric
bubble
fold
Usage
import {Spinner} from 'kinu';
<Spinner aria-label="Loading" />
Exports
| Name |
Description |
Rendered HTML |
| Spinner |
Loading animation |
<span k="spinner"> |
Props
| Prop |
Type |
Default |
Description |
| size |
SpinnerSize |
— |
Size preset for the spinner. |
| type |
SpinnerType |
— |
Visual style preset for the spinner. |
| variant |
SpinnerVariant |
— |
Optional semantic color override. Defaults to inherited text color. |
Notes
Wraps a and animates purely in CSS.
Supports size="sm" and size="lg" attributes for dense or prominent loading states.
_Source: src/components/spinner/index.tsx