Advanced Filter Builder
Three condition rows with AND OR logic and the live match count.
Three condition rows with AND OR logic and the live match count.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Advanced Filter Builder is the query composer card, three condition rows each with a closed field Select, an operator Select, and a value Input (event name is checkout_completed, country is one of US, CA, DE, plan is not Free), an AND / OR match toggle in the header, an Add condition button, and a footer stating 212 events match in the last 30 days beside Save as view and Apply filters.
Conditions are one const array; the AND/OR toggle is static markup with aria-pressed. The footer count is what makes the builder feel live even before wiring to a real endpoint.
Reach for this block on analytics, event explorer, or audit log pages where power users need multi-condition queries, wired to your events endpoint and a match count API. Connect Save as view to your views endpoint so built queries become the tabs in a saved views bar.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the analytics event query builder. Other filter builders:
Tip: a builder beats a search box once users can save what they build; saved conditions become the named views above your tables.