Um ToggleChip é um ícone especializado que permite aos usuários selecionar várias opções.
Os ícones de alternância incluem um controle de alternância de dois estados. Alguns exemplos de controle de alternância de dois estados incluem uma chave, um botão de opção ou uma caixa de seleção. Use os ícones de alternância para situações em que muitas opções precisam ser definidas de forma rápida e fácil, como nas Configurações.
Anatomia
Os ícones de alternância têm quatro slots que acomodam dois rótulos de texto, um controle de seleção e um ícone do aplicativo. O ícone e o rótulo secundário são opcionais.
A. Marcador
B. Rótulo secundário
C. Ícone
D. Controle de seleção
E. Contêiner
Alternar gradiente de ícones
Superior/Esquerda = 0% Superfície
Inferior/Direita = 50% Primário
(sobreposições de gradiente em um plano de fundo de cor da superfície)
Controle de seleção
Switch
Use um interruptor para ativar ou desativar uma seleção.
Botão de opção
Use botões de opção nas listas em que o usuário pode selecionar apenas uma opção.
Checkbox
Use caixas de seleção nas listas em que o usuário pode selecionar várias opções.
Ícones de alternância de divisão
Use os ícones de alternância de divisão quando quiser duas áreas tocáveis.
Componentes relacionados
Split SwitchChips (link em inglês)
O SplitToggleChip difere do SwitchChip por ter duas áreas tocáveis, uma clicável e outra com um botão de alternância.
Nos ícones de alternância de divisão, diferencie a área tocável em segundo plano e o controle de alternância, definindo cada seção de uma cor diferente.
Uso
Use SwitchChips conforme mostrado nos exemplos abaixo.
Layouts adaptáveis
Comportamento responsivo
Os SwitchChips se esticam para preencher a largura disponível em telas maiores.
Ícone (24 x 24 dp)
Contêiner (52 x XX dp)