Campos de entrada

Switch Spring Lab

Um botão liga / desliga simples para ajustar a sensação de elasticidade da mola do polegar e a largura do polegar quando pressionado.

Como usar Switch Spring Lab

Um botão liga / desliga simples para ajustar a sensação de elasticidade da mola do polegar e a largura do polegar quando pressionado.

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: pressedWidth, springStiffness, springDamping, accentColor

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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2031Segment Spring LabCampos de entradaUm controle segmentado de seleção única para ajustar o quão rígida ou solta a mola parece enquanto seu destaque desliza entre os segmentos.

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.

1933Checkbox motion labCampos de entradaUma única caixa de seleção grande para ajustar exatamente a firmeza com que pressiona e a lentidão com que a marca de seleção aparece.

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.