Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Headless Editor
Image Designer
Kanban Board
PDF Builder
PDF Signer
PDF Viewer
Video Player
GitHub repositoryGitHub starsGitHub forksNgStarter UI npm versionNgStarter UI npm downloads per month

Filter Builder

Filter Builder lets users create structured filtering rules by choosing a field, operation, and value. It can group conditions with logical operators such as and and or, then emits the filter tree as FilterBuilderGroup[] through valueChanged.

Use it for advanced filters, saved views, report builders, admin datasets, CRM or ERP records, audit logs, catalogs, and segmentation workflows where a simple search field is not enough. The app is responsible for translating the emitted filter tree into an API query, SQL or DSL condition, DataView datasource params, or local filtering logic.

PropTypeDefault
value
The current filter value
FilterBuilderGroup[][]
fieldDefs
Field definitions for filtering
FilterBuilderFieldDef[][]
categories
Field categories
any[][]
groupOperations
Operations for grouping conditions (And, Or)
any[][{id: 'and', name: 'And'}, {id: 'or', name: 'Or'}]
customOperations
Custom filtering operations
any[][]
EventDescription
valueChangedEvent that occurs when the filter value changes