Button

1
import { Button } from "@/shared/ui/button";
2
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
3
import { faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
4
5
// Variants
6
<Button>Default</Button>
7
<Button variant="secondary">Secondary</Button>
8
<Button variant="outline">Outline</Button>
9
<Button variant="ghost">Ghost</Button>
10
<Button variant="link">Link</Button>
11
<Button variant="destructive">Destructive</Button>
12
13
// Sizes
14
<Button size="sm">Small</Button>
15
<Button>Default</Button>
16
<Button size="lg">Large</Button>
17
18
// With icons
19
<Button>
20
  <FontAwesomeIcon icon={faPlus} />
21
  Create
22
</Button>
23
<Button variant="destructive">
24
  <FontAwesomeIcon icon={faTrash} />
25
  Delete
26
</Button>
27
<Button variant="outline" size="icon">
28
  <FontAwesomeIcon icon={faPlus} />
29
</Button>
30
31
// Disabled
32
<Button disabled>Disabled</Button>
33
<Button variant="outline" disabled>Disabled</Button>