---
title: React ButtonGroup（按钮组）组件
components: Button, ButtonGroup
---

# Button groups 按钮组组件

<p class="description">按钮组组件可用于对相关按钮进行分组。</p>

## Basic button group 基本的按钮组

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

## 大小和颜色

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

## Vertical group 垂直组

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

## Split button 分体式按钮

`按钮组组件`也可用于创建分体式按钮。 下拉列表可以用于更改按钮相关的操作（如本例所示），或者用于立即触发一个相关的操作。

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

## Disabled elevation 禁用立体效果（elevation）

你也可以使用属性 `disableElevation` 属性来消除实心按钮的立体效果。

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