Pular para o conteúdo

Grupo de botões

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

Grupo de botões básico

Os botões podem ser agrupados envolvendo-os com o componente ButtonGroup. Eles precisam ser filhos imediatos.

Press Enter to start editing

Variantes de botão

Todas as variantes padrão de botões são suportadas.

Press Enter to start editing

Tamanhos e cores

As propriedades size e color podem ser usadas para controlar a aparência do grupo de botões.

Press Enter to start editing

Grupo vertical

O grupo de botões 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.

Press Enter to start editing

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.