Spinner
Rotating sketch arc for loading states.
<Spinner size="md" roughness={1.5} />CLI install
npx doodleui-react add spinner
Usage
import { Spinner } from "doodleui-react";
<Spinner />
Props
| Prop | Type | Default | Notes |
|---|---|---|---|
| size | "sm" | "md" | "lg" | "md" | Arc diameter. |
| animate | boolean | true | Continuous rotation. Reduced motion shows a static arc. Overrides DoodleUIProvider. Reduced motion disables this unless the provider set forceAnimate. |
| roughness | number | 1.5 | How wobbly the stroke is. 0 is almost geometric. 3+ is messy. |
| seed | number | provider / random | Locks the sketch. Omit to follow SketchSeedProvider (Shuffle) or a mount-time random seed. |
| sketchColor | string | #1f1d1a | Stroke color. Also tints primary/accent fills where relevant. |
| className | string | undefined | Passed through to the root element. |
| style | CSSProperties | undefined | Passed through to the root element. |