Example of Default Functionalities in Blazor Query Builder Component

Query Builder / Default Functionalities

This sample demonstrates the default functionalities of the QueryBuilder component. Click the plus button to add a group or conditions, and see how to import and export a query in JSON format. The query preview can be showcased in the Tab component, and the query can be imported to QueryBuilder using the Import button.

The QueryBuilder component is used to create or edit filters. You can modify filters by changing the fields. This demo showcases the export and import of queries in JSON format.

In mobile mode, the component is displayed vertically.

More information about the Blazor QueryBuilder component can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE