Button Group
The ButtonGroup component can be used to group related buttons together. It is a container for multiple buttons that can be used to group buttons together and apply styles to them. This component is useful when you have a group of buttons that need to be styled in a similar way.
The ButtonGroup component is a container for multiple buttons that can be used to group buttons together and apply styles to them. This component is useful when you have a group of buttons that need to be styled in a similar way. The ButtonGroup component can be used to group related buttons together.
Basic Usage
The buttons can be grouped by wrapping them with the ButtonGroup component. They need to be immediate children.
Button variants
The ButtonGroup component supports the following variants: contained (default), outlined, and text.
Vertical Group
The ButtonGroup component can be used to create a vertical group of buttons by setting the vertical prop to true.
Disabled elevation
You can remove the elevation with the disableElevation prop.
Sizes
The ButtonGroup component supports the following sizes: small, medium (default), and large.
Full width
You can make the ButtonGroup full width with the fullWidth prop.
