Range Slider

Описание

Range Slider — это ползунок, позволяющий выбрать диапазон значений (минимальное и максимальное) в заданном интервале. Используется для выбора диапазонов, например, цен, дат или других числовых параметров.

Свойства

Базовые/Basic

Название
Описание

Начальное значение / Start

Определяет начальное положение ползунка на шкале. Укажите число, соответствующее минимальному значению, с которого пользователь может начать выбор в диапазоне

Конечное значение / End Value

Задает конечное значение диапазона, если ползунок используется для выбора значений в пределах определенного сегмента.

Это значение определяет максимальную точку для перемещения ползунка, если рассматривается диапазон.

Максимум / Махітит

Устанавливает максимальное возможное значение, которое может быть выбрано на ползунке. Этот параметр определяет верхнюю границу шкалы.

Минимум / Minimum

Устанавливает минимальное возможное значение, которое пользователь может выбрать. Этот параметр задает нижнюю границу шкалы.

Размер шага / Step Size

Определяет интервалы между допустимыми значениями на шкале ползунка. Укажите число, чтобы задать дискретность изменений при перемещении ползунка.

Вертикальная ориентация / Vertical Orientation

Установите true, чтобы отобразить ползунок вертикально, или false, чтобы сохранить его горизонтальную ориентацию.

Взаимодействие/Interaction

Название
Описание

Обработчики событий / Event handlers

Добавьте обработчики, чтобы реагировать на изменения состояния компонента

Выключить / Disable

Введите "true", чтобы выключить компонент

Скрыть / Hide

Введите "true", чтобы скрыть компонент

Этикетка/Label

Название
Описание

Текст / Text

Определяет название компонента

Всплывающая подсказка / Tooltip

Отображает дополнительную информацию при наведении

Позиция / Position

Устанавливает расположение метки относительно компонента

Выравнивание / Alignment

Определяет способ выравнивания текста метки

Ширина / Width

Задаёт ширину метки в процентах или пикселях

Раскладка/Layout

Название
Описание

Значок префикса / Prefix Icon

Графическое изображение или значок, размещаемый перед текстом

Суффиксный значок / Suffix Icon

Графическое изображение или значок, размещаемый после текста

Стили/Style

Настройки стилей описаны в разделе Настройка стилей компонентов

Идентификаторы компонентов/Component Identifiers

Название
Описание

Имя класса CSS / CSS Class Name

Позволяет добавить компонент в класс, чтобы стилизовать группу элементов

Индивидуальный идентификатор / Unique Identifier (ID)

Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент

Предотвратить перезапись стилей / Prevent Style Override

Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления

Last updated