Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

Поле, предназначенное для фильтрации контента с применением условий.

Функциональность

Используется, когда требуется ввести параметры для поиска или фильтрации, такие как диапазоны значений, логические условия, параметры сравнения и другие фильтрующие критерии.

Позволяет вводить значения, задавать операторы (например, “больше”, “меньше”, “равно”)

Дизайн и Стиль

Размер и Форма

Является тем же самым Полем ввода (Input) и использует все те же параметры и построения и размеры.

Цвет и Контраст

Соблюдайте общие цветовые правила дизайн-системы. Палитра Plex отвечает стандартам контрастности WCAG.

Дизайн и Стиль

Компонент Condition Input всегда используется с иконкой, отображаемой с помощью параметра Leading?. Эта иконка помогает пользователю сразу визуально распознать тип вводимого условия или данные, с которыми он работает.

Состояния

Все состояния Condition Input аналогичны состояниям Поле ввода (Input)

Анатомия

Построение и размеры Condition Input аналогичны состояниям Поле ввода (Input)