Filters.Item

Тег с поповером без начинки — основа готовых видов и способ собрать свой фильтр.

Контент поповера и условия поля задаёт потребитель: оператор и значение он пишет в value у Filters.Root сам. Тег считается выбранным, пока в value есть хотя бы одно условие с ключом field — по этому признаку он получает крестик сброса и место в начале ряда. summary — текст выбранного значения на теге.

Поповер монтируется лениво при открытии — данные можно грузить внутри него. После выбора он сам не закрывается.

Используется в: Filters.Boolean, Filters.Date, Filters.List, Filters.Number

API

PropTypeDefault
field*

Поле фильтра — ключ его условий в value у Filters.Root. Тег считается выбранным, пока в value есть хотя бы одно условие с этим ключом

string-
label*

Название фильтра на теге

string-
summary

Текст выбранного значения — показывается на теге после названия («Автор: Иван +2»). Без него выбранный тег несёт только название

string-
onOpenChange

Вызывается на открытие и закрытие поповера, включая Esc и клик вне его

(open: boolean) => void-
children*

Контент поповера. Монтируется лениво при открытии — данные можно грузить внутри

ReactNode-
classNamestring-