RangeSlider - Yampi Developer Portal

Slider de duplo controle para seleção de um intervalo de valores. Exibe os valores formatados como moeda por padrão, útil para filtros de preço.

Uso

Filtro de preço:

<RangeSlider
  :min="0"
  :max="500"
  :value="[50, 300]"
  :currency="true"
  @input="handlePriceChange"
/>

Sem formatação de moeda:

<RangeSlider
  :min="0"
  :max="100"
  :value="[10, 90]"
  :currency="false"
  @input="handleChange"
/>

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`max`	`Number`	✅	—	Valor máximo do slider.
`min`	`Number`	❌	`0`	Valor mínimo do slider.
`value`	`Array`	❌	`[]`	Par `[min, max]` com os valores atualmente selecionados.
`currency`	`Boolean`	❌	`true`	Quando `true`, formata os valores como moeda (R$).
`removePrefix`	`Boolean`	❌	`false`	Remove o prefixo de moeda da exibição.
`height`	`Number`	❌	`5`	Altura da trilha do slider em pixels.
`dotSize`	`Number`	❌	`17`	Tamanho dos controles deslizantes em pixels.

Evento	Payload	Descrição
`input`	`[Number, Number]`	Emitido com o par `[min, max]` ao mover os controles.