Skip to content
Perimeter Style

Button Group

Groups related buttons together with shared borders and separators.

Usage

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

<Button Group orientation="horizontal">...</Button Group>
<Button Group orientation="horizontal">...</Button Group>

Light

Dark

Default

Metrics

Perimeter Api

Button Group Controls

orientation

Examples

Horizontal Group

Vertical Group

With Separator and Text

or

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/button-group

Search

Search for components, templates, and more.