IconButton

import { IconButton } from "@/components/ui";

1<div className="flex items-center gap-2">
2  <IconButton icon="Edit" label="Edit" variant="ghost" />
3  <IconButton icon="Copy" label="Copy" variant="outline" />
4  <IconButton icon="Trash" label="Delete" variant="primary" />
5</div>

1<div className="flex items-center gap-2">
2  <IconButton icon="Plus" label="Add" size="sm" />
3  <IconButton icon="Plus" label="Add" size="md" />
4  <IconButton icon="Plus" label="Add" size="lg" />
5</div>

1<div className="flex items-center gap-1 p-2 border rounded">
2  <IconButton icon="Bold" label="Bold" />
3  <IconButton icon="Italic" label="Italic" />
4  <IconButton icon="Underline" label="Underline" />
5  <Divider orientation="vertical" className="h-6 mx-2" />
6  <IconButton icon="AlignLeft" label="Align Left" />
7  <IconButton icon="AlignCenter" label="Align Center" />
8  <IconButton icon="AlignRight" label="Align Right" />
9</div>