Button Group

Groups related buttons together in a single container.

1. Import

Import the button group components from the design system.

import { ButtonGroup } from "@/design-system/components/ui/button-group"

2. Props

ButtonGroup component props.

Prop	Type	Default
className	string	--

3. Usages

Common button group patterns and configurations.

import { ButtonGroup } from "@/design-system/components/ui/button-group";
import { Button } from "@/design-system/components/ui/button";

export function Example() {
  return (
    <ButtonGroup>
      <Button>Button 1</Button>
      <Button>Button 2</Button>
      <Button>Button 3</Button>
    </ButtonGroup>
  );
}