Grupo de botões

O componente ButtonGroup pode ser usado para agrupar botões relacionados.

Grupo de botões básico

As variações padrão de botão são suportadas.

Tamanhos e cores

As propriedades size e color podem ser usadas para controlar a aparência do ButtonGroup.

Grupo vertical

O ButtonGroup pode ser exibido verticalmente usando a propriedade orientation.

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.

Elevação desabilitada

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

<ButtonGroup disableElevation variant="contained" color="primary">
  <Button>One</Button>
  <Button>Two</Button>
</ButtonGroup>

API

• <Button />
• <ButtonGroup />