ButtonGroup
ButtonGroup — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
ButtonGroup — Prism component.
Accessibility
Fully keyboard operable: Tab to focus, Enter/Space to activate. The visible focus ring uses --focus-ring — never remove it. Provide an accessible label (aria-label) for icon-only controls.
Import
const { ButtonGroup } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | — | Lay the segments in a row (default) or a column. |
size | "sm" | "md" | "lg" | "xl" | — | Optional size applied to every child Button that doesn't set its own. |
children | React.ReactNode | — | Button / IconButton children to join. |
className | string | — |