Homecomponentsaction
ButtonGroup
A container to group buttons with shared size.
Use a ButtonGroup to show multiple related buttons in a row or stacked.
Sizes
Use the size property to set the size of the buttons in the group.
Spacing
Use the space property to set the spacing between the buttons.
Alignment
Use the align property to set the alignment of the buttons.
Reverse Order
Use the reverse property to reverse the order of the buttons.
Full width
Use the fullWidth property to make the button group full width.
Collapse
Use the collapseBelow property to make the button group collapse below a certain breakpoint. Collapsed items are automatically stretched.
Examples
A common use of ButtonGroup is to show multiple related buttons in a card.
API
children
Required
ReactNode
size
small
medium
large
spacing
alignH
reverse
true
false
fullWidth
true
false
collapseBelow
mobile
tablet
desktop
wide
data
DataAttributeMap