Button Group #13155
Description
monday.com sync: #18214084234
Description
A wrapper for related buttons; useful if you want to display multiple, related actions together. Similar to Calcite Action Group/Bar, but for Calcite Button.
Depending on scope, there is potential overlap with Action Bar and Segmented Control. Could also replace Split Button.
User Stories
As a user, I want to consistently space related buttons, horizontally or vertically.
As a user, I want to group related buttons together.
Acceptance Criteria
- Horizontal and vertical layouts
- Spaced or un-spaced layouts (with overlapping border handling)
- Scale (sets spacing and scale of slotted Buttons)
- Default spacing between slotted buttons + css props to override
- Possible alignment control and "stretch" option
- Should it support wrapping or overflow behavior?
Relevant Info
Some examples:
Mozilla Protocol — Button Container (stretched)
Clarity Design — Button Group
Nord Design System — Button Group
Helpful Details
No response
Priority impact
impact - p3 - not time sensitive
Esri team
Calcite (design)