A React component that groups related buttons


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
Minified + gzip package size for @atlaskit/button-group in KB


Atlaskit component registry Commitizen friendly semantic-release Report an issue


This package has been deprecated. Please import ButtonGroup from @atlaskit/button instead.

A button group provides a visual grouping for related Button elements. You can use this component whenever you have multiple buttons with related actions, such as as the pull requests Approve and Decline buttons.

Example button group

Try it out

Detailed docs and example usage can be found here.

Setup and install

npm install @atlaskit/button-group

* Please note that this module could have dependencies that are governed by the Atlassian Design Guidelines license which will be automatically included on install. Each dependency has a license file that indicates whether the Atlassian Design Guidelines license applies.

We're here to help!

Let us know what you think of our components and docs, your feedback is really important for us.

Are you in trouble? Read through our contribution guidelines and raise an issue to us.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.