Components › Actions

Button group

Buttons fused into one row, for ranges and paired actions.

Installation

npx plankui@latest add button-group

Usage

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

<ButtonGroup aria-label="Range">
  <Button variant="secondary">Day</Button>
  <Button>Week</Button>
</ButtonGroup>

API reference

PropTypeDefaultDescription
childrenButton elementsThe fused buttons. Inner corners square off automatically.

View the source on GitHub