Button Group

Joins buttons into one row with shared borders.

Preview

Loading Preview...

bun add xiod-ui

1import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "xiod-ui/button-group";

1<ButtonGroup>2  <ButtonGroupSeparator />3</ButtonGroup>

Detailed documentation of properties and options.

Accepts render, plus every native <div> attribute.

Prop	Type	Default	Description
`orientation`	`"horizontal"`\|`"vertical"`	`horizontal`	Whether the items are laid out horizontally or vertically.

Accepts className, style and render, plus every native attribute of the element it renders.

Prop	Type	Default	Description
`orientation`	`"horizontal"`\|`"vertical"`	`'horizontal'`	The orientation of the separator.

Accepts render, plus every native <div> attribute.