Buttons
Button component variants and sizes from shadcn/ui.
Usage
<Button variant="default">Click me</Button>
Variants
Default
<Button variant="default">Default Button</Button>
Secondary
<Button variant="secondary">Secondary Button</Button>
Outline
<Button variant="outline">Outline Button</Button>
Ghost
<Button variant="ghost">Ghost Button</Button>
Link
<Button variant="link">Link Button</Button>
Sizes
Small
<Button size="sm">Small Button</Button>
Default
<Button size="default">Default Size</Button>
Large
<Button size="lg">Large Button</Button>
With Links
Use the asChild prop when wrapping with Next.js Link:
import Link from "next/link"
;<Button variant="outline" asChild>
<Link href="/dashboard">Go to Dashboard</Link>
</Button>