# Desativado

• Um grupo de botões em estado desabilitado mostra que os botões do grupo existem, mas não estão disponíveis nessa circunstância;
• Esse estado pode ser usado para manter a continuidade do layout e para comunicar que um grupo de botões pode ficar disponível posteriormente.

# Estouro

• Quando o espaço horizontal é limitado, os grupos de botões são empilhados verticalmente;
• Os botões são empilhados pela importância da ação, com a ação mais crítica ou primária na parte inferior.

# Opções recomendadas para ações subsequentes

• A ação mais crítica dentro de um grupo de botões deve ser um botão de acentuado, primário ou negativo (preenchido ou contornado);
• As outras ações devem ser sempre um botão de contorno secundário

# Alinhar grupos de botões com base no conteúdo

• Os grupos de botões são alinhados contextualmente;
• Em geral, os grupos de botões são alinhados à esquerda para seguir o conteúdo, como um bloco de texto;
• Devem ser alinhados ao centro dentro dos componentes do contêiner, como caixas de diálogo, popovers ou cartões.

# Respeite a ordem dos botões dentro de um grupo

• A ordem de prioridade do botão deve corresponder ao alinhamento do texto ao redor;
• Quando o texto é alinhado à esquerda, os botões devem ser organizados de forma que o botão mais à esquerda seja o mais crítico;
• Quando o texto está alinhado à direita ou ao centro, a ação mais importante deve ser a mais à direita.

# Use ícones apenas para as ações mais críticas

• Nem todos os botões de um grupo exigem um ícone, mas os botões com ícones devem sempre ter uma prioridade mais alta do que os sem ícones;
• Se a ação mais crítica em um grupo não tiver um ícone, não use ícones nas ações de nível inferior restantes.

# Use um grupo de botões para mostrar ações adicionais

• Use um grupo de botões para mostrar quaisquer ações adicionais relacionadas à ação mais crítica.