Back to all

Query builder (exploration) — Query builder operator buttons exploration for Lantern

Lantern Components

Let’s talk
Query builder operator buttons exploration for Lantern

An exploration for Lantern’s query builder that swaps the operator dropdowns for compact symbol buttons.

Instead of a full-width select reading Is bigger than, each condition shows a small = or < between the attribute and the value. Clicking it opens a short menu that spells the options out: Equal to, Not equal to, Higher than, Lower than. Rows get shorter, and the attribute and value get more room.

The rest matches the main builder: Or groups, Add condition, Add rule, Add inner group and Run Query.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk