Button Group

PreviousNext

A button group component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/button/button-18.tsx
import { Button } from "@/registry/ui/button";
import { ButtonGroup, ButtonGroupSeparator } from "@/registry/ui/button-group";

const GroupButtonDemo = () => (
  <ButtonGroup>
    <Button variant="secondary">Left</Button>
    <ButtonGroupSeparator />
    <Button variant="secondary">Middle</Button>
    <ButtonGroupSeparator />
    <Button variant="secondary">Right</Button>
  </ButtonGroup>
);

export default GroupButtonDemo;

Installation

npx shadcn@latest add @shadcnui-blocks/button-18

Usage

import { Button18 } from "@/components/button-18"
<Button18 />