Loader
A minimal, purpose-driven loading indicator with 4 calm, non-anxious motion variants.
Loading...
Size:
Calm, continuous motion indicators with zero visual stress
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/loader
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 32 | Diameter or width scale in pixels |
| variant | 'arc' | 'dots' | 'line' | 'rings' | 'arc' | Visual animation mode |
| label | string | 'Loading...' | Accessible screen reader text label |
| reduceMotion | boolean | false | Disables high-velocity continuous spins |
| color | string | 'currentColor' | CSS color string for indicator strokes |
| className | string | undefined | Additional CSS class names |