Pular para o conteúdo principal

Button

Base

Variações

Com ícone no início

Somente ícone

Use o componente IconButton para botões com apenas ícone.

ToggleButton

Use o componente ToggleButton para essa aplicação.

Você pode controlar o estado dos botões agrupados.

Opções

Quando um botão tiver mais de uma opção é possível usar esse estilo abaixo. Lembrando que ao utilizar essa variação também será necessário aplicar o componente de DropdownMenu.

Tamanhos

Pequeno

Médio (padrão)

Estados

Desabilitado

É possível desabilitar um botão quando for necessário. Por exemplo, quando uma ação só pode ser realizada após o preenchimento de todas as informações.

Carregando

Caso a ação do botão leve algum tempo, é possível adicionar o estilo de carregamento.

Agrupando botões

O agrupamento padrão pode ser usado quando for necessário exibir botões lado a lado.

Feedback