19 lines
662 B
TypeScript
19 lines
662 B
TypeScript
import { ToggleGroup, ToggleGroupItem } from '@/registry/radix/toggle-group';
|
|
import { Bold, Italic, Underline } from 'lucide-react';
|
|
|
|
export const RadixToggleGroupDemo = () => {
|
|
return (
|
|
<ToggleGroup type="single" defaultValue="bold">
|
|
<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>
|
|
);
|
|
};
|