Search Saved Views
Saved views bar in an issue or project tracker to switch between active tasks and backlog.
Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.
About this block
What it's for
- Saved views bar in an issue or project tracker to switch between active tasks and backlog.
- URL-shareable views in a CRM to share filters for specific customers or sales.
- Saved filters panel in operations consoles or log explorers.
For One-off exploratory search with no need for repeatable filters, use Search Global Palette. For Automatic chronological history of recently opened items, use Search Recently Viewed.
Includes
- Save filters view
- Restore view criteria
- Share view url
- Url serialization
- Rename view
- Duplicate view
- Delete with confirmation
- Default view setting
Works with
- Radix UI and Base UI primitives (pick the one your project uses)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
agentic-ui add search-saved-viewsnpx shadcn@4.17.0 add @agentic-ui/search-saved-viewsUsed in
A standalone component: drop it into any screen.
- Type
- Block
- Variants
- Radix UI and Base UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- Sample data
- Ships with sample data in
mock-data.ts; replace it with your own.
- npm packages
lucide-react- Registry dependencies
- None
- Files
10 files
- components/agentic-ui/search-saved-views/index.ts
- components/agentic-ui/search-saved-views/components/view-actions-menu.tsx
- components/agentic-ui/search-saved-views/types.ts
- components/agentic-ui/search-saved-views/components/share-view-dialog.tsx
- components/agentic-ui/search-saved-views/url-codec.ts
- components/agentic-ui/search-saved-views/components/save-view-dialog.tsx
- components/agentic-ui/search-saved-views/saved-views-core.ts
- components/agentic-ui/search-saved-views/components/views-bar.tsx
- components/agentic-ui/search-saved-views/mock-data.ts
- components/agentic-ui/search-saved-views/view-matcher.ts
Related components
Search Autocomplete
Global search in a SaaS with suggestions grouped by dashboards, documents, people and commands.
Details and live previewSearch Faceted Sidebar
Multi-faceted filtering side panel for a product catalog with counts by category, brands, price ranges and ratings.
Details and live previewSearch Recently Viewed
«recently viewed» panel on a SaaS home to return to opened documents, dashboards or people.
Details and live previewSearch Results Highlight
Results list of a documentation search engine with the term highlighted in title, summary and body snippet.
Details and live preview