Back to Recipes
Patterns

No Results State

Filtered empty state with search icon, explanation text, and clear filters action. Distinct from generic empty state.

Live Example
No products foundNo products match your current filters. Try adjusting your search criteria or clearing filters.Clear all filtersCreate product

Problem

Distinguishing "no data" from "no search matches"

When to use
  • Filtered lists with no matches
  • Search results pages
  • Active filter states
When not to use
  • First-time empty states
  • Error states

Get this recipe

Full source code included in Polaris Kit.

Get Lifetime Access