FilterBuilder.
Build AND/OR filter criteria with field, operator, and value controls.
Filter rules
WHERE
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
fields | FilterField[] | Yes | — | — | Selectable fields and optional dropdown values. |
rules | FilterRule[] | Yes | — | — | Current filter clauses. |
onChange | (rules: FilterRule[]) => void | Yes | — | — | Receives updated filter rules. |
mode | "and" | "or" | No | and | and · or | How rules are grouped. |
onModeChange | (mode: "and" | "or") => void | No | — | and · or | Called when matching mode changes. |
disabled | boolean | No | false | true · false | Disable editing. |
className | string | No | — | — | Additional CSS class on the outer component element. |