A set of two-state buttons that can be toggled on or off.
import IconBold from "https://deno.land/x/tabler_icons_tsx@0.0.7/tsx/bold.tsx"
import IconItalic from "https://deno.land/x/tabler_icons_tsx@0.0.7/tsx/italic.tsx"
import IconUnderline from "https://deno.land/x/tabler_icons_tsx@0.0.7/tsx/underline.tsx"
import {
ToggleGroup,
ToggleGroupItem,
} from "https://deno.land/x/testing_shadcn_ui_for_deno@0.1.2/components/toggle-group.tsx"
export function ToggleGroupDemo() {
return (
<ToggleGroup type="multiple">
<ToggleGroupItem value="bold" aria-label="Toggle bold">
<IconBold class="h-4 w-4" />
</ToggleGroupItem>
<ToggleGroupItem value="italic" aria-label="Toggle italic">
<IconItalic class="h-4 w-4" />
</ToggleGroupItem>
<ToggleGroupItem value="underline" aria-label="Toggle underline">
<IconUnderline class="h-4 w-4" />
</ToggleGroupItem>
</ToggleGroup>
)
}