Components
Toggle Group
A group of two-state toggle buttons for editor toolbars, view switchers, and filter bars, styled with a neobrutalist border-and-shadow look and built on Base UI.
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { Bold, Italic, Underline } from "lucide-react";
export default function ToggleGroupDefault() {
return (
<ToggleGroup variant="outline" multiple>
<ToggleGroupItem value="bold" aria-label="Toggle bold">
<Bold />
</ToggleGroupItem>
<ToggleGroupItem value="italic" aria-label="Toggle italic">
<Italic />
</ToggleGroupItem>
<ToggleGroupItem value="underline" aria-label="Toggle underline">
<Underline />
</ToggleGroupItem>
</ToggleGroup>
);
}