Formulários v1.0.0

Slider

Seleção de valor numérico por meio de controle arrastável. Suporta modos de valor único e intervalo (dois controles), marcas de passo e exibição de valor em tempo real. Funciona de forma independente ou dentro de formulários Rails com campos ocultos para envio.

Pré-visualização e Código

Opções

Nome Tipo Padrão Descrição
mode Symbol :single Slider mode: :single for one handle, :range for two handles
min Integer/Float 0 Minimum value
max Integer/Float 100 Maximum value
step Integer/Float 1 Step increment between values
value Integer/Float 50 Current value (single mode)
value_min Integer/Float nil Lower bound value (range mode, defaults to min + 25% of range)
value_max Integer/Float nil Upper bound value (range mode, defaults to max - 25% of range)
label String nil Label text displayed above the slider
hint String nil Hint text displayed below the slider
show_value Boolean false Show a live value tooltip above the thumb(s)
marks Boolean/Array false true for auto step marks, or Array of {value:, label:} hashes
disabled Boolean false Disable interaction
name String nil Hidden input name for form submission (single mode)
name_min String nil Hidden input name for range min value
name_max String nil Hidden input name for range max value

Changelog v1.0.0

- Initial release with single and range modes
- Step marks support with auto-generation or custom label arrays
- Live value tooltip display above thumb(s)
- Keyboard navigation (Arrow keys, Home, End)
- Touch support for mobile devices
- Hidden inputs for Rails form submission
- Dark mode support with slate palette

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora