Button group

A button group gives users access to frequently performed, related actions.

Default

Use the button group to display multiple buttons together.

import React from 'react'; import Button from '@atlaskit/button/button'; import ButtonGroup from '@atlaskit/button/button-group'; const ButtonGroupDefaultExample = (): React.JSX.Element => { return ( <ButtonGroup label="Default button group"> <Button appearance="primary">Submit</Button> <Button>Cancel</Button> </ButtonGroup> ); }; export default ButtonGroupDefaultExample;
Was this page helpful?
We use this feedback to improve our documentation.
  • Design system
    • Get started
    • Foundations
    • Components
    • Rovo UI
    • Tools
    • Release phases
    • Contact us
© 2026 AtlassianTrademark, (opens new window)Privacy, (opens new window)License