Campos de entrada

Labeled toggle row

Um pequeno botão liga/desliga emparelhado com seu próprio rótulo de texto, dimensionado para uma linha da lista de configurações.

Como usar Labeled toggle row

Um pequeno botão liga/desliga emparelhado com seu próprio rótulo de texto, dimensionado para uma linha da lista de configurações.

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, checked, accent, size

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.

1980Icon crossfade switchCampos de entradaUm 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.

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.