Button Group
Groups multiple buttons together with shared borders, supporting both horizontal and vertical orientations.
Installation
npx shadcn add button-group --registry https://ui.ch.sh/r
Usage
import { ButtonGroup } from "@/components/ui/button-group"
import { Button } from "@/components/ui/button"
export default function Example() {
return (
<ButtonGroup>
<Button variant="outline">Left</Button>
<Button variant="outline">Center</Button>
<Button variant="outline">Right</Button>
</ButtonGroup>
)
}