Campos de entrada

Icon crossfade switch

Um botão de alternância cujo ícone de polegar desaparece e se transforma em um ícone diferente conforme o botão alterna entre desligado e ligado.

Dark mode

Como usar Icon crossfade switch

Um botão de alternância cujo ícone de polegar desaparece e se transforma em um ícone diferente conforme o botão alterna entre desligado e ligado.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: label, on, iconStyle, accent

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2759Bounce drop toggleCampos de entradaUma chave seletora vertical alta cuja bola cai para o fundo com um movimento saltitante quando desligada e desliza de volta para cima com uma mola apertada quando ligada.

1954Elastic toggle switchCampos de entradaUm botão de alternância de pílula cujo polegar redondo se comprime em uma bolha enquanto pressionado e volta a girar com um salto suave, deslizando entre um estado neutro desligado e um preenchimento de destaque sólido.

2808Latching square toggleCampos de entradaUm botão de ícone quadrado compacto que fica entre um estado desligado com contorno fraco e um estado pressionado sólido e cheio de acentos.

2771Layout toggle switchCampos de entradaUma chave cujo botão cruza a trilha animando uma mudança de layout real em vez de uma tradução, para que o lançamento permaneça exato em qualquer largura da trilha.

2017Settings Toggle RowCampos de entradaUma linha de configurações rotulada que termina em um botão liga/desliga cujo polegar se estende sob uma pressão e retorna quando ele se estabiliza.

2802Settings toggle switchCampos de entradaUm pequeno botão liga / desliga com um botão deslizante que muda uma única configuração, sua trilha vai de silenciado a um acento sólido enquanto o botão se estica como um elástico se pressionado no meio do deslizamento.