Event fired as the expression tree is changed.
<igx-query-builder (expressionTreeChange)='onExpressionTreeChange()'></igx-query-builder>
Returns the theme of the component.
The default theme is comfortable.
Available options are comfortable, cosy, compact.
let componentTheme = this.component.displayDensity;
Sets the theme of the component.
Returns the expression tree.
Sets the expression tree.
Gets the locale of the query builder.
If not set, defaults to application's locale.
Sets the locale of the query builder.
Expects a valid BCP 47 language tag.
Returns the resource strings.
Sets the resource strings. By default it uses EN resources.
Sets the --component-size CSS variable based on the value of Display Density
A component used for operating with complex filters by creating or editing conditions and grouping them using AND/OR logic. It is used internally in the Advanced Filtering of the Grid.
Example