Button group
Button group displays multiple related actions stacked or in a horizontal row to help with arrangement and spacing.
Props
No props found for this component, run `yarn gen:docs` to generate component meta first.
Slots
No slots found for this component, run `yarn gen:docs` to generate component meta first.
Best practices
Button groups should:
- Only use buttons that follow the best practices outlined in the button component
- Group together calls to action that have a relationship
- Be used with consideration that too many calls to action can cause merchants to be unsure of what to do next
- Be thoughtful about how multiple buttons will look and work on small screens
- Only be used in groups of up to six buttons if the buttons contain an icon with no text
Content guidelines
Button groups should follow the content guidelines for buttons.
Related components
- To learn how to use individual buttons, use the button component
- To embed an action or navigation into a line of text, use the link component