Loader Button
Seamless loading with a customizable Loader Button.
Installation
Install this component and its dependencies with a single command.
npx shadcn@latest add https://ui.voxletstudio.com//r/loader-button.jsonOnce your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/loader-button
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | undefined | Optional class names to style the button component. |
| isLoading | boolean | false | A boolean indicating whether the loader animation should be displayed. |
| buttonVariant | "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined | "default" | Defines the style variant of the button, can be one of the provided Tailwind-based variants like 'default', 'destructive', etc. |
| children | React.ReactNode | undefined | The content to be rendered inside the button, typically text or icons. |
| onClick | (event: React.MouseEvent<HTMLButtonElement>) => void | undefined | Optional onClick event handler that gets triggered when the button is clicked. |