Components

Preview

Preview theme

Filters

Filter output

status = "open" AND priority > "2"

[
  {
    "field": "status",
    "operator": "eq",
    "value": "open"
  },
  {
    "field": "priority",
    "operator": "gt",
    "value": "2"
  }
]

Waiting for action

Copy this complete component into a page file. Edit and run it in the Playground.

Loading editor…

Loading preview…

Prop	Type	Default	Description
`fields`	`string[]`	—	Selectable fields.
`conditions`	`FilterCondition[]`	—	Current filters.
`onChange`	`(conditions) => void`	—	Update handler.

Prop	Type	Default	Description
`fields`	`string[]`	—	Selectable fields.
`conditions`	`FilterCondition[]`	—	Current filters.
`onChange`	`(conditions) => void`	—	Update handler.