Slider
Быстрый старт
Управление внешним видом
Внешний вид компонента определяется свойствами view и size:
- View
- Size
Диапазон значений
Передайте массив из двух чисел в value, чтобы использовать двойной слайдер:
Ориентация
Слайдер поддерживает горизонтальное (по умолчанию) и вертикальное отображение через свойство orientation:
- Horizontal
- Vertical
Ползунок
С помощью свойств pointerSize и pointerVisibility можно управлять размером и видимостью ползунка:
- Размер
- Видимость
Текущее значение
Свойство showCurrentValue включает отображение текущего значения над ползунком. Видимость регулируется через currentValueVisibility:
Шкала значений
Свойство showScale отображает минимальное и максимальное значения. Расположение меток задаётся через scaleAlign:
- scaleAlign
- scaleTicks
Свойство scaleTicks позволяет задать произвольный набор делений на шкале. При клике на деление ползунок перемещается к нужному значению:
Подпись
С помощью свойства label можно добавить подпись к слайдеру. Расположение подписи управляется через labelPlacement, а иконку можно передать в labelContent:
- labelPlacement
- Иконка
Шаг изменения
Свойство step задаёт шаг ползунка. Свойство multipleStepSize — увеличенный шаг при нажатии PageUp / PageDown (в процентах от диапазона):
Состояния
Компонент поддерживает состояние disabled:
Контролируемый режим
Компонент поддерживает контролируемый и неконтролируемый режимы. В контролируемом режиме передайте value и onChange; в неконтролируемом — defaultValue и name:
- Контролируемый
- Неконтролируемый