Alternar ícones

Um ToggleChip é um ícone especializado que permite aos usuários selecionar várias opções.

Ícone de alternância

Os ícones de alternância incluem um controle de alternância de dois estados. Alguns exemplos de um controle de alternância de dois estados incluem um interruptor, um botão de opção ou uma caixa de seleção. Use ícones de alternância para situações em que muitas opções podem precisar ser definidas de maneira 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 de aplicativo. O ícone e o rótulo secundário são opcionais.

A. Rótulo

B. Rótulo secundário

C. Ícone

D. Controle de seleção

E. Contêiner

Controles de seleção

Interruptor

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.

Caixa de seleção

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

O SplitToggleChip é diferente do ToggleChip, já que tem duas áreas tocáveis, uma área de texto clicável e uma com um botão de alternância.

Nos ícones de alternância de divisão, diferencie a área de toque do segundo plano e o controle de alternância, definindo cada seção de uma cor diferente.

Uso

Use os ícones de alternância conforme mostrado no exemplo abaixo.