Spin
Continuous rotation on a child — CSS-only, constant linear speed. Use for sparkles, loaders, accent glyphs. Respects prefers-reduced-motion.
2s
6s (default)
14s
Usage
import { Spin } from '@bwo-ui/react';
<Spin duration={9}>
<svg width="16" height="16">...</svg>
</Spin>Props
| Prop | Type | Default | Description |
|---|---|---|---|
duration | number | 6 | Seconds for one full rotation. |
as | ElementType | 'span' | Element to render. |