Button group
A button group gives people access to frequently performed, related actions.Usage
A button group gives people access to frequently performed, related actions. Use button groups when there's a close relationship between multiple buttons.
Common placements of grouped buttons can be found in Jira work items or while editing Confluence pages. This pattern is normally used at the top of the page.
Accessibility
- Avoid disabled buttons wherever possible. Never put tooltips on disabled buttons, this is not accessible.
Best practices
- Group buttons logically into sets based on usage and importance.
- The main action of a button group can be a primary button.
- Select a single button variation and don't mix them.
Content guidelines
Button labels should be concise and clear enough to indicate what will happen when the button is interacted with.
- The button group is commonly used in forms and modal dialogs.
- For more guidelines, see the button component.