Coming from Orbiter, you should be aware of the following changes:
fluidhas been renamedisFluid.disabledhas been renamedisDisabled.
ButtonGroup
A button group handles the spacing and orientation for a grouping of buttons.
Anatomy
Composed Components
A ButtonGroup uses the following component.
Usage
Disabled
A button group can be disabled.
Fluid
A button group can be fluid.
Orientation
A button group can render his items vertically.
Alignment
A button group can change the alignment of his items.
Sizes
A button group can be of different sizes.
Props
- orientation?
- isDisabled?
- isFluid?
- size?
- wrap?
- align?
- style?
- className?
The axis the ButtonGroup should align with.
Defaults to 'horizontal'.
Whether the Buttons in the ButtonGroup are all disabled.
Whether the Buttons in the ButtonGroup are all fluid.
The size of the buttons in the ButtonGroup.
Defaults to md.
Whether elements are forced onto one line or can wrap onto multiple rows.
Defaults to true.
The alignment of the buttons within the ButtonGroup.
Defaults to 'start'.