Button Group Component
Capsule-shaped button groups that combine multiple actions into a cohesive pill container with orbit hover.
Basic Button Group
Text Formatting Toolbar
With Text Labels
Zoom Controls
View Switcher
Clipboard Actions
Split Button with Dropdown
Click the dropdown arrow to see available options.
Vertical Orientation
API Reference
ButtonGroup
Container component that groups buttons into a cohesive pill shape.
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Layout direction of buttons |
| className | string | - | Additional CSS classes |
ButtonGroupText
Text label component for displaying static text within a button group.
| Prop | Type | Description |
|---|---|---|
| className | string | Additional CSS classes |
ButtonGroupSeparator
Visual separator between button group items. Useful for split buttons with dropdowns.