NOUI / НАСТРОЙТЕ И ПРОВЕРЬТЕ

Мастерская ползунков

Начните с готового варианта, измените настройки и заберите работающий HTML со своими значениями.

Настройки

Изменения вступят в силу по кнопке «Применить настройки».

По одному числу на ручку, через «;». Например: 20; 80. Десятичная часть — через точку.

Живой результат

noUiSlider 15.8.1

Диапазон 0–100, шаг 5.

0100

Перетащите ручку или выберите её клавишей Tab и нажимайте стрелки. Для точного значения используйте поля ниже.

Текущие значения20 · 80

Готов вариант «Диапазон».

Попробуйте: выберите «Три границы». Перемещение средней ручки меняет два соседних участка. Это основа распределения ресурсов в интерфейсе.

ЗАБРАТЬ РЕЗУЛЬТАТ

Код с текущими настройками

JSON описывает настройки библиотеки. Полный HTML содержит разметку, стили, noUiSlider и точный ввод; скачанный файл работает без интернета. Изменённые, но ещё не применённые настройки в файл не попадут.

Настройки мастерской хранятся в этой вкладке до перезагрузки. Скачивание сохраняет отдельный файл на вашем устройстве.