---
title: React ButtonGroup component
components: Button, ButtonGroup
---

# Button group

<p class="description">The ButtonGroup component can be used to group related buttons.</p>

## Basic button group

{{"demo": "pages/components/button-group/BasicButtonGroup.js"}}

## Sizes and colors

{{"demo": "pages/components/button-group/GroupSizesColors.js"}}

## Vertical group

{{"demo": "pages/components/button-group/GroupOrientation.js"}}

## Split button

`ButtonGroup` can also be used to create a split button. The dropdown can change the button action (as in this example), or be used to immediately trigger a related action.

{{"demo": "pages/components/button-group/SplitButton.js"}}

## Disabled elevation

You can remove the elevation with the `disableElevation` prop.

{{"demo": "pages/components/button-group/DisableElevation.js"}}