Buttons

1import { Button } from "@/app/components/button";
2import { Settings } from "lucide-react";
3
4// Primary
5<Button variant="primary">Primary button</Button>
6
7// Outline
8<Button variant="outline">Outline button</Button>
9
10// Destructive
11<Button variant="destructive">Destructive button</Button>
12
13// Ghost
14<Button variant="ghost">Ghost button</Button>
15
16// Icon only
17<Button variant="primary" size="icon" aria-label="Settings">
18  <Settings className="h-4 w-4" />
19</Button>
20
21// Loading
22<Button variant="primary" loading>Loading button</Button>
23
24// Disabled
25<Button variant="primary" disabled>Disabled button</Button>