شبکه‌ی بنتو

نصب

1. با CLI

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

   $ npx vibefarsi add bento

2. نصب دستی

   محتوای تب «کد» را در components/blocks/bento.tsx بگذارید.

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

استفاده

1import { BentoGrid } from "@/components/blocks/bento"23<BentoGrid title="همه‌چیز در یک پنل" cells={[4  { title: "گزارش فروش", description: "…", span: 4, visual: <Chart /> },5  { title: "درگاه بانکی", description: "…", span: 2 },6]} />

پراپ‌ها