Recipe Filter Panel
UX patterns for the multi-axis recipe filter panel used in the Meridian dashboard.
Anatomy
Search input
Category chips
Difficulty slider
Time range
States
Empty
No filters active. All chips unselected. Sliders at default.
Active
One or more filters applied. Active chip highlighted violet.
No results
Combination yields zero matches. Show reset prompt.
Guidelines
- •Filters apply instantly — no submit button needed.
- •Active filter count badge in panel header.
- •Clear-all link appears when any filter is active.
- •Panel collapses on mobile via toggle.