Um grupo de botões oferece um contêiner navegável de botões.
Princípios
Orientado a ações: contém botões acionáveis, em vez de grupos de rótulos.
Contenção: agrupa ações com movimento e foco.
Flexível: pode consistir em vários tipos de botões.
Uso e posicionamento
Use um grupo de botões para mostrar mais de um botão. Ao apresentar vários botões, use um componente de grupo de botões em vez de dispor cada um de forma independente.
Um grupo de botões pode consistir em qualquer combinação de tipos de botões da mesma altura.
O que fazer
O que não fazer
Os grupos de botões podem ser pareados com outros elementos, como cards ou pilhas, para agir como ações relacionadas.
O que fazer
O que não fazer
Um layout de grupo de botões pode ser contido ou transbordar, com 1 a 10 botões.
A. Contido: o grupo de botões se ajusta à largura do contêiner sem que nenhum elemento seja cortado.
B. Transbordamento: a largura do grupo de botões é maior que o espaço disponível no contêiner.
O que fazer
O que não fazer
Foco
O foco inicial é definido como o botão mais à esquerda, mas pode ser configurado para ser centralizado para grupos de botões simétricos.
O que fazer
O que não fazer
Um grupo de botões alinhado ao centro com base no elemento de foco inicial, que desliza o foco por deslize. Evite usar um layout de transbordamento, já que todos os botões precisam estar visíveis e contidos em um layout centralizado.
O layout do grupo de botões alinhado à esquerda inclui margens de início e fim de 44 dp das bordas. Os botões são rolados suavemente para o centro em três etapas no deslize e aumentam à medida que deslizam.
Anatomia
O grupo de botões é um componente de contêiner que agrupa de 1 a 10 botões de qualquer tipo e altura consistente. Para mais informações sobre botões, leia as orientações sobre botões.
Personalização
Um conjunto de grupos de botões pode consistir em qualquer combinação de tipos de botões da mesma altura.
| Propriedades | Personalização | Padrões |
|---|---|---|
| Foco inicial | Sim | 0 |