Generic Catalog
Advanced catalog with filtering, sorting, and pagination utilities.
Quickstart
- Ensure the registry is set up in Installation.
- Run the registry command:
npx shadcn@latest add https://gen-ui-eta-two.vercel.app/r/generic-catalogUsage
import { GenericCatalog } from "@/components/systems/storefront/generic-catalog"
<GenericCatalog
products={products}
filters={{ query, inStockOnly: true, categories: ["shoes"] }}
sortBy="price-asc"
page={1}
pageSize={24}
/>API Reference
| Prop | Type | Notes |
|---|---|---|
| products | StorefrontProduct[] | Input product model list |
| filters | StorefrontFilters | Query, price, stock, category, tags |
| sortBy | CatalogSortBy | featured | price | name | rating |
| page/pageSize | number | Catalog pagination controls |