Слайдер
Ползунок вместо поля ввода. За ручкой следует подсказка с текущим значением.
Настройки:
| Настройка | Что делает |
|---|---|
| Минимум | Левый край диапазона |
| Максимум | Правый край |
| Шаг | На сколько сдвигает значение одно деление |
Значение — обычное число, хранится так же, как у поля Число.
Вывод:
html
<div class="bar" style="width: {$readiness}%"></div>Только целые
Шаг нельзя сделать меньше 1, дробной части у значения нет. Для цены, веса и всего, чему нужны десятые, берите Число.
Слайдер оправдан, когда смысл несут сами границы: процент, оценка из десяти, приоритет от одного до пяти. Для «сколько штук» обычное числовое поле заполняется быстрее и правится проще.