SavedQueries

<SavedQueries> renders saved list queries for the current resource.

Installation

pnpm dlx shadcn@latest add @shadmin/saved-queries

Usage

import { SavedQueries } from "@/components/admin";
 
<SavedQueries />;

Before: teams had to infer this component from surrounding CRUD examples.

After: the component has a direct import example and a focused behavior note.

Props

PropRequiredTypeDefaultDescription
iconOptionalReactNode<Bookmark />Icon shown in the FilterList header for this section

icon

Pass any ReactNode to replace the default <Bookmark> icon rendered in the <FilterList> section header. Use this to match the icon to your app's visual language.

import { Star } from "lucide-react";
import { SavedQueriesList } from "@/components/admin";
 
const Sidebar = () => <SavedQueriesList icon={<Star className="size-4" />} />;

Behavior

Use this component inside the matching ra-core context. For example, list helpers belong inside a list, form helpers belong inside a form, and show-layout helpers belong inside a show view.