Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty - No Matches Found
A React no matches found empty state with SearchX icon showing query with View All Items fallback action
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Failed searches need alternatives—View All provides escape when specific search fails. This React empty state uses shadcn/ui Empty component with SearchX icon from Lucide React featuring No matches found for query title with spelling suggestions and View All Items Button with ghost variant. Built with EmptyContent fallback action. The no matches pattern offers alternatives—perfect for constrained searches, category filters, date ranges, or anywhere scoped search might fail requiring fallback to unfiltered view.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
No Search Results
Basic search empty state
Clear Filters Suggestion
Multiple filter reset actions
No Filter Results
Filter empty with clear action
Button Component
View All button
Input Component
Search input
No Files
Empty with multiple actions