Button Group
The ButtonGroup component can be used to group related buttons.
Basic button group
The buttons can be grouped by wrapping them with the ButtonGroup
component.
They need to be immediate children.
Press Enter to start editing
Press Enter to start editing
Press Enter to start editing
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.
Press Enter to start editing
Press Enter to start editing
Material 3 version
The default Material UI ButtonGroup component follows the Material Design 2 specs.
To get the Material 3 version, use the new experimental @mui/material-next
package.
import ButtonGroup from '@mui/material-next/ButtonGroup';
<ButtonGroup />
Playground
primary
text
medium
horizontal
For more instructions on how to use it, visit the detailed guide.