Loader

Preview

Loading assets...

npx skeci-ui add loader

import { Loader } from '@/components/ui/loader';

<Loader variant="dots" showLabel label="Syncing..." />

Prop	Type	Default	Description
`variant`	`'dots' \| 'pulse' \| 'ping'`	`'dots'`	The animation style.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	The size of the loader icons.
`label`	`string`	`'Loading...'`	The text to display or for screen readers.
`showLabel`	`boolean`	`false`	Whether to display the label text visually.