Button Group

A container that groups related buttons together with consistent styling.

shadcn/ui docs

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/button-group.json

Usage

import {
  ButtonGroup,
  ButtonGroupSeparator,
  ButtonGroupText,
} from '@/components/ui/button-group'
<ButtonGroup>
  <Button variant="neutral">One</Button>
  <Button variant="neutral">Two</Button>
</ButtonGroup>

Examples

Default

With Text

Text

With Input

With Dropdown

Vertical