ButtonGroup

Joins related buttons into one segmented control.

ButtonGroupProps packages/core/src/form-controls.ts:57 ↗

Import

import { ButtonGroup } from "@tarve/core";

Usage

ButtonGroup.tsx

import { Button, ButtonGroup } from "@tarve/core";

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

Props

Prop	Type	Default
`gap`	`number`	`0`
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle