Filters.Number

Фильтр по числу: границы «от» и «до», можно задать одну.

В value уходят { op: "gte", value: number } и { op: "lte", value: number } — обе границы включительно. Пустое поле своего условия не пишет. Условия обновляются на каждый ввод, без задержки.

Если «от» больше «до», поля подсвечиваются ошибкой, а в value такой диапазон не уходит: в силе остаются прежние условия, пока границы не исправят.

Тег показывает заданные границы: «Цена: от 100», «Цена: до 500», «Цена: 100 – 500».

[
  {
    "key": "price",
    "op": "gte",
    "value": 100
  }
]

API

PropTypeDefault
field*

Поле фильтра — ключ его условий в value у Filters.Root

string-
label*

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

string-