react-test/docs/data/material/components/button-group/button-group.md

productId, title, components, githubLabel, githubSource

productId	title	components	githubLabel	githubSource
material-ui	React Button Group component	Button, ButtonGroup	component: ButtonGroup	packages/mui-material/src/ButtonGroup

Button Group

The ButtonGroup component can be used to group related buttons.

{{"component": "@mui/docs/ComponentLinkHeader"}}

Basic button group

The buttons can be grouped by wrapping them with the ButtonGroup component. They need to be immediate children.

{{"demo": "BasicButtonGroup.js"}}

Button variants

All the standard button variants are supported.

{{"demo": "VariantButtonGroup.js"}}

Sizes and colors

The size and color props can be used to control the appearance of the button group.

{{"demo": "GroupSizesColors.js"}}

Vertical group

The button group can be displayed vertically using the orientation prop.

{{"demo": "GroupOrientation.js"}}

Split button

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.

{{"demo": "SplitButton.js"}}

Disabled elevation

You can remove the elevation with the disableElevation prop.

{{"demo": "DisableElevation.js"}}

Loading

Use the loading prop from Button to set buttons in a loading state and disable interactions.

{{"demo": "LoadingButtonGroup.js"}}