Forms

Toggle Group

Exclusive or multi-select button group.

Primitive

@radix-ui/react-toggle-group

Composed of

Exclusive selection group.

API Reference

Prop	Type	Default	Description
`type`	`"single" \| "multiple"`	--	Single or multiple selection mode.
`value`	`string \| string[]`	--	Controlled selected value(s).
`defaultValue`	`string \| string[]`	--	Default selected value(s).
`variant`	`"default" \| "outline"`	`"default"`	Visual style for all items.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size for all items.

Pressable on/off button.

Tabbed navigation with content panels.

Single-select option group.

import { ToggleGroup } from "@doss/tetris-ui";