B. Application & Dashboard

Search Results Page

Filtered results, grouped results with an empty state, typeahead suggestions, recent searches and an advanced query builder.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/search-results

01Results with filters

Uses: AppFrame · SearchResult · Checkbox · Badge · Pagination

components/blocks/app/search-results/01-results-filters.tsx

Uses: AppFrame · SearchResult · EmptyState · TabBar

components/blocks/app/search-results/02-grouped-empty.tsx

Uses: AppFrame · TextField · Kbd · Badge

components/blocks/app/search-results/03-typeahead.tsx

Uses: AppFrame · TextField · Badge · IconButton

components/blocks/app/search-results/04-recent-quick-filters.tsx

Uses: AppFrame · TextField · Badge · Button · SearchResult

components/blocks/app/search-results/05-advanced-builder.tsx