Components / Spinner
Spinner
A compact loading status with configurable size and reduced-motion behavior.
html
<aevko-spinner label="Saving changes" size="1.25rem" />Installation
npx aevko-ui@latest add spinner --yesSource ownership
Customization
Set an accessible operation label and any CSS length for size while inheriting color from its parent.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
label | string | 'Loading' | Accessible name announced for the loading status. |
size | CSS length string | '1rem' | Inline size and block size of the ring. |
Accessibility contract
Accessibility
Included behavior
- The status has an accessible label while its animated ring stays decorative.
Your responsibility
Place the spinner near the affected region and avoid announcing several simultaneous loading statuses.