ButtonGroup

Groups a collection of similar actions together.

When to use

- If you need to emphasize context of similar actions.

- If a single option or multiple options of the set may be selected.

Examples

Button group basic usage


Button group with radio mode
Button group with checkbox mode
Button group with disabled buttons
All disabled

Single disabled
Button group controlled example
Lorem ipsum dolor sit amet, ea insolens deseruisse mnesarchum mea. An munere utroque mentitum vis, ea rebum inani iudicabit has. Cu his dolorum perpetua. Mea atqui tation partem ne, ei vim etiam volumus nominavi. Cum id atqui cotidieque, quaeque nostrum salutandi cum at, idque scaevola platonem mei ad.
The Bold option has been selected 0 times

Overrides

Additionally, you can fully customize any part of the ButtonGroup through the overrides prop. The ButtonGroup consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector: