Moduli v1.0.0

Cursore

Selezione di valori numerici tramite maniglia trascinabile. Supporta le modalità valore singolo e intervallo (due maniglie), segni di passo e visualizzazione del valore in tempo reale. Funziona in modo autonomo o nei form Rails con input nascosti per l'invio.

Anteprima e Codice

Opzioni

Nome Tipo Predefinito Descrizione
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

Registro delle modifiche 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

Ottieni l'Accesso Completo

Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.

Ottieni l'Accesso Ora