Campos de entrada

Single value slider

Um controle deslizante horizontal com um polegar arrastável que preenche a trilha atrás dele para que o valor atual seja lido rapidamente.

Mix bus level40%

Como usar Single value slider

Um controle deslizante horizontal com um polegar arrastável que preenche a trilha atrás dele para que o valor atual seja lido rapidamente.

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: value, 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

2795Elastic tug sliderCampos de entradaUm controle deslizante que se estica como um elástico quando arrastado pelas extremidades, fazendo com que a faixa volte com um salto quando liberada.

2792Auto Grow TextareaCampos de entradaUm campo de texto de várias linhas que fica mais alto à medida que a pessoa digita mais, em vez de rolar dentro de uma caixa fixa.

2321Clean Text FieldCampos de entradaUma entrada de texto simples e com bordas para um formulário rotulado: neutro em repouso, um anel de destaque nítido em foco, silenciado quando desativado.

1529Floating label inputCampos de entradaUm campo de texto cujo rótulo fica dentro da caixa e sobe até a borda superior quando o campo está em foco ou quando o campo tem um valor, com aparência em foco, válida e inválida.

2356Focus ring text inputCampos de entradaUm campo de texto de linha única com um espaço reservado silenciado e um anel de destaque sólido que aparece apenas em foco.

2393Passcode slot inputCampos de entradaUm campo one-time-passcode de slots de borda compartilhada e fundidos sobre uma entrada oculta, com um cursor piscando no slot vazio ativo.