Range
Быстрый старт
- Uncontrolled
- Controlled
Управление внешним видом
Внешний вид компонента зависит от свойств appearance, size:
- Appearance
- Size
Для appearance="clear" есть возможность отобразить разделитель с помощью hasClearDivider
Варианты разделителя
- Dash
- Icon
- None
При таком варианте свойства firstTextfieldTextBefore и secondTextfieldTextBefore становятся обязательными
Валидация и состояния полей
Индикация ошибки или успешного ввода осуществляется через свойства firstValueError, secondValueError, firstValueSuccess, secondValueSuccess:
Подсказки и дополнительные элементы
Для вывода подсказки снизу от поля используйте свойство leftHelper, для подсказки в виде Tooltip - hintText, для подсказки сверху справа - titleCaption:
Также доступны слоты для дополнительного контента:
Обязательность поля
Наличие индикатора регулируется свойством hasRequiredIndicator.
Обязательность поля задаётся с помощью свойства required. Если поле является обязательным, то у компонента появляется специальный индикатор. Изменить расположение индикатора можно с помощью свойства requiredIndicatorPlacement, которое принимает значения left и right.