Primitive 07 / Filter builder tree

Filter builder tree

Compose nested AND / OR groups for the report. Each group can hold conditions and sub-groups; the bottom strip echoes the resolved WHERE expression.

Production answer

Filter builder tree is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Filter builder tree states
Generative search brief

Filter builder tree: Compose nested AND / OR groups for the report. Each group can hold conditions and sub-groups; the bottom strip echoes the resolved WHERE expression.

Live primitive
Filter treeWHERE clause preview
completed_atbetween2026-05-01..2026-05-28
status=completed
suburb=Oak Flats
suburb=Albion Park
suburb=Shellharbour
WHEREcompleted_at between '2026-05-01..2026-05-28' AND status = 'completed' AND (suburb = 'Oak Flats' OR suburb = 'Albion Park' OR suburb = 'Shellharbour')