Button Group
Connects buttons together with seamless shared borders.
button-group-demo.app
Installation
terminal.sh
npx y2kui@latest add button-groupUsage
import { ButtonGroup } from "@/components/ui/button-group"
import { Button } from "@/components/ui/button"
<ButtonGroup>
<Button>Left</Button>
<Button>Center</Button>
<Button>Right</Button>
</ButtonGroup>Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction. |
className | string | — | Additional Tailwind classes. |
children | ReactNode | — | Button components. |