Actions

IButtonGroup

Joins buttons into one control. The children keep their own props; the group handles the seams and hands down a size.

A button group is layout. For a choice between options, use ITabs, IToggleGroup or IRadioGroup — each has a model and the keyboard behaviour that goes with one.

One size for the group

size is inherited by every child that does not set its own.

Split buttons

The common shape: a primary action with a menu beside it.

Vertical

Filling the width

Props

Prop	Type	Default	Description
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	Direction the buttons join along
`size`	`ButtonSize`	—	Inherited by children that don't set their own
`block`	`boolean`	`false`	Fills the container width
`as`	`string`	`'div'`	Element to render
`unstyled`	`boolean`	—	Drop built-in classes
`class`	`string`	—	Merged with the built-in classes

Give the buttons in a group the same variant, apart from the split-button pairing above.

IButtonGroup ​

One size for the group ​

Split buttons ​

Vertical ​

Filling the width ​