شبکه

gridپس‌زمینه

خط‌های نازکی که به پایین محو میشن، مناسب هیرو و بخش‌های فنی.

متن روی پس‌زمینه

در همه‌ی تم‌ها باید خوانا بمونه.

نصب

  1. با CLI

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

    $ npx vibefarsi add grid
  2. نصب دستی

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

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

استفاده

usage.tsx
1import { GridBackground } from "@/components/backgrounds/grid"23<section className="relative overflow-hidden">4  <GridBackground size={56} />5  <div className="relative"></div>6</section>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
sizenumber56اندازه‌ی هر خانه به پیکسل.