---
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. この例のようにドロップダウンでボタンの動作を変更することも、関連する動作をすぐに起動するために使用することもできます。

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

## Disabled elevation

`disableElevation`でシャドウを取り除けます。

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