Studiov0.6.0

ButtonGroup

Tier 1 — shadcn
Actions

Groups multiple Buttons into a single connected visual unit with shared borders.

Live Preview

Code

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

<ButtonGroup />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Segmented actions like Bold/Italic/Underline
  • •Filter toggles
  • •View mode switchers

Do

  • ✓Keep labels short — 1-2 words per button
  • ✓Use outline variant buttons inside ButtonGroup

Don't

  • ✗Don't mix button sizes inside a group
  • ✗Don't use more than 4-5 buttons