See it all in action
Live demo shop with every component working together
ProductGrid
Responsive grid layout for product listings
npx shadcn@latest add https://registry.rifan.xyz/r/product-grid.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
products* | Product[] | — | Array of products to display |
columns | number | 4 | Number of columns |
onAddToCart | Function | — | Add to cart callback |
No products found
Usage
import { ProductGrid } from '@revannasser/ecommerce-ui'
// Responsive grid layout for product listings
<ProductGrid
products={...}
columns={...}
onAddToCart={...}
/>