Formulário

Slider

Controle deslizante para seleção de valor numérico.

Uso

Use o elemento <y-slider> no seu HTML:

html
<y-slider value="30" min="0" max="100"></y-slider>

Exemplos

Padrão

Padrão

Propriedades

PropriedadeTipoPadrãoDescrição
valuenumber50Valor atual
minnumber0Valor mínimo
maxnumber100Valor máximo
stepnumber1Incremento
disabledbooleanfalseDesabilita o slider

Importação

Importe todos os componentes ou apenas este:

typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/slider.js';

Acessibilidade

  • Suporta navegação por teclado
  • Utiliza atributos ARIA apropriados
  • focus-visible para indicação de foco