Button
A versatile button component for triggering actions and events.
Preview
Installation
bash
npx auralix-ui add buttonUsage
Default Button
tsx
import { Button } from "@/components/ui/Button";
<Button>Click me</Button>Button Variants
tsx
<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="destructive">Destructive</Button>Button Sizes
tsx
<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>Props
| Name | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "outline" | "ghost" | "destructive" | "primary" | The visual style variant of the button. |
size | "sm" | "md" | "lg" | "md" | The size of the button. |
disabled | boolean | false | Whether the button is disabled. |
children | ReactNode | - | The content of the button. |
Variants
Gradient
Neon
Soft
On this page