Components
Toggle Group
A set of two-state buttons that can be toggled on or off.
Usage
import { ToggleGroup, ToggleGroupItem } from "@tulip-systems/core/components/client";<ToggleGroup type="single">
<ToggleGroupItem value="a">A</ToggleGroupItem>
<ToggleGroupItem value="b">B</ToggleGroupItem>
<ToggleGroupItem value="c">C</ToggleGroupItem>
</ToggleGroup>Examples
Outline
Use variant="outline" for an outline style.
Size
Use the size prop to change the size of the toggle group.
Spacing
Use spacing to add spacing between toggle group items.
Vertical
Use orientation="vertical" for vertical toggle groups.
Disabled
Custom
Use font-normal to set the
font weight.