The ButtonGroup component can be used to group related buttons.
Basic button group
The buttons can be grouped by wrapping them with the
They need to be immediate children.
All the standard button variants are supported.
Sizes and colors
color props can be used to control the appearance of the button group.
The button group can be displayed vertically using the
ButtonGroup can also be used to create a split button. The dropdown can change the button action (as in this example) or be used to immediately trigger a related action.
You can remove the elevation with the
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.