Usage
Import the component:
import { Button } from "@/components/ui/button"Then use it in your code:
<Button variant="outline">Button</Button>Examples
Default
Secondary
Destructive
Outline
Ghost
Link
All Variants
Sizes
With Icon
Loading
API Reference
| Prop | Type | Default |
|---|---|---|
variant | "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "default" |
size | "default" | "sm" | "lg" | "icon" | "default" |
asChild | boolean | false |