On this page
Installation
npm
pnpm
yarn
bun
npx shadcn@latest add @dotui/loaderUsage
import { Loader } from '@/components/ui/loader'<Loader />Examples
No examples yet.
API Reference
A loader displays an animated spinner that indicates an operation is in progress.
| Prop | Type | Default | |
|---|---|---|---|
number | 20 | ||
number | 2 | ||
number | 0.8 | ||
number | 0.25 | ||
boolean | — | ||
number | 0 | ||
ReactNode | — | ||
ReactNode | function | — | ||
NumberFormatOptions | { style: 'percent' } | ||
Last updated on 6/16/2026