Range Slider
Last updated
Last updated
Range Slider — это ползунок, позволяющий выбрать диапазон значений (минимальное и максимальное) в заданном интервале. Используется для выбора диапазонов, например, цен, дат или других числовых параметров.
Начальное значение / Start
Определяет начальное положение ползунка на шкале. Укажите число, соответствующее минимальному значению, с которого пользователь может начать выбор в диапазоне
Конечное значение / End Value
Задает конечное значение диапазона, если ползунок используется для выбора значений в пределах определенного сегмента.
Это значение определяет максимальную точку для перемещения ползунка, если рассматривается диапазон.
Максимум / Махітит
Устанавливает максимальное возможное значение, которое может быть выбрано на ползунке. Этот параметр определяет верхнюю границу шкалы.
Минимум / Minimum
Устанавливает минимальное возможное значение, которое пользователь может выбрать. Этот параметр задает нижнюю границу шкалы.
Размер шага / Step Size
Определяет интервалы между допустимыми значениями на шкале ползунка. Укажите число, чтобы задать дискретность изменений при перемещении ползунка.
Вертикальная ориентация / Vertical Orientation
Установите true, чтобы отобразить ползунок вертикально, или false, чтобы сохранить его горизонтальную ориентацию.
Обработчики событий / Event handlers
Добавьте обработчики, чтобы реагировать на изменения состояния компонента
Выключить / Disable
Введите "true", чтобы выключить компонент
Скрыть / Hide
Введите "true", чтобы скрыть компонент
Текст / Text
Определяет название компонента
Всплывающая подсказка / Tooltip
Отображает дополнительную информацию при наведении
Позиция / Position
Устанавливает расположение метки относительно компонента
Выравнивание / Alignment
Определяет способ выравнивания текста метки
Ширина / Width
Задаёт ширину метки в процентах или пикселях
Значок префикса / Prefix Icon
Графическое изображение или значок, размещаемый перед текстом
Суффиксный значок / Suffix Icon
Графическое изображение или значок, размещаемый после текста
Настройки стилей описаны в разделе Настройка стилей компонентов
Имя класса CSS / CSS Class Name
Позволяет добавить компонент в класс, чтобы стилизовать группу элементов
Индивидуальный идентификатор / Unique Identifier (ID)
Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент
Предотвратить перезапись стилей / Prevent Style Override
Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления