RangeSlider

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.

⌘I