Variants
Sizes
Disabled
Props
| Prop | Type | Description |
|---|---|---|
| variant | "default" | "secondary" | "outline" | "link" | "ghost" | Visual style |
| size | "sm" | "md" | "lg" | "icon" | Button size |
| asChild | boolean | Render as child element via Radix Slot |
| disabled | boolean | Disable interaction |
| className | string | Additional classes on the root element |
Usage
<Button variant="default" size="md">Click me</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline" size="lg">Large Outline</Button>
<Button disabled>Disabled</Button>