ComponentServer-safe

Button Group

Connects related actions into one compact control surface.

Installation

Preview

Usage

tsx

import { Button } from "@/components/ui/button"
import { ButtonGroup } from "@/components/ui/button-group"

<ButtonGroup>
  <Button variant="outline">Month</Button>
  <Button variant="outline">Week</Button>
  <Button variant="outline">Day</Button>
</ButtonGroup>

API reference

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Sets the direction and connected edge geometry.
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.