Updated 18 December 2024
Button group
Updated 18 Dec 2024View FigmaUpdated 18 Dec 2024View Figma
Button group displays multiple related actions stacked or in a horizontal row to help with arrangement and spacing.
Properties
Gap
Changes the space between buttons. By default gap is set to ‘tight’.
Segmented Button Group
Segmented
Removes all gaps and connects buttons together.
Connected Top
Removes the border radius of the top corners so the Button Group can be connected directly to another object.
Button group segmented(2 variants)
Button group(3 variants)