26 lines
704 B
TypeScript
26 lines
704 B
TypeScript
import { Bold, Italic, Underline } from "lucide-react"
|
|
|
|
import {
|
|
ToggleGroup,
|
|
ToggleGroupItem,
|
|
} from "@/components/ui/toggle-group"
|
|
|
|
const ToggleGroups = () => {
|
|
return (
|
|
<div>
|
|
<ToggleGroup type="multiple">
|
|
<ToggleGroupItem value="bold" aria-label="Toggle bold">
|
|
<Bold className="h-4 w-4" />
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="italic" aria-label="Toggle italic">
|
|
<Italic className="h-4 w-4" />
|
|
</ToggleGroupItem>
|
|
<ToggleGroupItem value="underline" aria-label="Toggle underline">
|
|
<Underline className="h-4 w-4" />
|
|
</ToggleGroupItem>
|
|
</ToggleGroup>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ToggleGroups; |