Example of default in Vue query-builder Component

This sample demonstrates the Query Builder component showing 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 Query Builder using the Import button.

In this demo features export and import of queries in JSON format is showcased.

In mobile mode, the component is shown vertically.

More information about Query Builder can be found in this documentation section.