---
title: Componente React para Grupo de botões
components: Button, ButtonGroup
---

# Grupo de botões

<p class="description">O componente ButtonGroup pode ser usado para agrupar botões relacionados.</p>

## Grupo de botões básico

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

## Tamanhos e cores

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

## Grupo vertical

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

## Botão dividido

`ButtonGroup` também pode ser usado para criar um botão dividido. A lista suspensa pode alterar a ação do botão (como neste exemplo), ou ser usada para acionar imediatamente uma ação relacionada.

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

## Elevação desabilitada

Você pode remover a elevação com a propriedade `disableElevation`.

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