Group spacing overflow dropdown
group-spacing-overflow-dropdown
Flush groups look like a Toggle. Align in one line with spaces. Same group: no dividers. Different groups: space or a divider. If more than three operations: 1 primary + n secondary, extra into a Dropdown.
Description
Flush groups can look like a Toggle—align related actions in one line with spaces. Same group: no dividers. Different groups: space or a divider. With more than three operations, keep one primary plus secondaries and move extras into a Dropdown. Flush non-toggle groups, dividers inside one group, or an undifferentiated strip of many operations all fail this Ant button guidance.
When to use
Arranging multiple operations in toolbars or action strips.
Not when
A true Toggle group that intentionally uses flush joined segments.
Agent hint
Space related actions; divide groups; keep 1 primary and overflow extras.
Related actions are spaced (not flush-as-toggle); same group has no divider; different groups use space or a divider; more than three operations use 1 primary + secondaries, extras in a Dropdown.
Flush non-toggle groups; dividers inside one group; more than three operations left in one undifferentiated strip.
Citations
Ant Design — Button spec
https://ant.design/docs/spec/buttons