Home › App Patterns › Button group
Button group
A row of related buttons fused into a single visual unit.
A button group joins two or more buttons together in one bar, with shared corners between them. Common examples: Bold/Italic/Underline in a text editor, Day/Week/Month in a calendar.
Button groups work when the actions are related and exclusive. They save space versus separate buttons and signal "these belong together." Limit to 4-5 buttons before the group gets too wide.