Studiov0.6.0

ToggleGroup

Tier 1 — shadcn
Forms & Inputs

A group of toggle buttons where one or multiple can be active, built on Radix Toggle Group.

Live Preview

Code

import { ToggleGroup } from "@regen/ui";

<ToggleGroup />

Props Inspector

single

Documentation

Use Cases

  • •View mode switchers (grid/list)
  • •Multi-option selectors
  • •Toolbar button groups

Do

  • ✓Use type='single' for radio-like behavior, type='multiple' for checkbox-like
  • ✓Provide value and onValueChange for controlled usage

Don't

  • ✗Don't use for navigation — use Tabs
  • ✗Don't mix with standalone Toggle components