# Button Group

Groups related buttons so their borders connect.

Group: Basics

## Import

```tsx
import { ButtonGroup } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function ButtonGroupDemo() {
  return (
    <ButtonGroup.Root>
      <Button variant="outline">Left</Button>
      <Button variant="outline">Middle</Button>
      <Button variant="outline">Right</Button>
    </ButtonGroup.Root>
  )
}
```

## Props

### Root

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `orientation` | `"horizontal" \| "vertical"` |  |  |

`*` = required. Style props and HTML attributes are accepted too.