Toggle Group

A set of two-state buttons that can be toggled on or off.

Can be controlled or uncontrolled
Multiple variants and sizes
Full keyboard support
Supports horizontal/vertical orientation
Support single and multiple pressed buttons
Respects reduce motion

Built with:

Installation

Loading...

Usage

<ToggleGroup>
  <ToggleGroupItem />
</ToggleGroup>

Examples

Outline

Single

Sizes

Vertical

API Reference

ToggleGroup

Prop	Type	Default
`size`	`enum`	`"default"`
`variant`	`enum`	`"default"`
`reduceMotion`	`boolean`	`false`

Support all Root Radix API

ToggleGroupItem

Support all Item Radix API

Contents