Iryx UIActions
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.