Button Group

Groups nested buttons, inputs, or other components together with merged borders and styling.

Preview

Installation

$npx maddex add ButtonGroup

Usage



1<!-- @import { Button, ButtonGroup, ButtonGroupSeparator } from ../../lib/components -->
2<!-- @import { ChevronDown } from ../../lib/ppicons -->
3
4<ButtonGroup>
5  <Button variant="outline">Save changes</Button>
6  <ButtonGroupSeparator />
7  <Button variant="outline" size="icon">
8    <ChevronDown class="h-4 w-4" />
9  </Button>
10</ButtonGroup>