Studiov0.6.0

ButtonGroup

Tier 1shadcn
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