شبکه‌ی محصول

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add product-grid

2. نصب دستی

   محتوای تب «کد» را در components/blocks/product-grid.tsx بگذارید. پیش‌نیاز: price، rating، badge، button.

   $ npm i lucide-react
   کپی کل فایلregistry json

ساخته‌شده از

استفاده

1import { ProductGrid } from "@/components/blocks/product-grid"23<ProductGrid title="پرفروش‌ها" products={[4  { id: "1", name: "هدفون بی‌سیم", price: 2_450_000, original: 2_900_000, rating: 4.5, reviews: 128, badge: "پرفروش" },5]} onAdd={(p) => addToCart(p)} />

پراپ‌ها