شبکه
gridپسزمینهخطهای نازک که به پایین محو میشوند؛ مناسب هیرو و بخشهای فنی.
متن روی پسزمینه
در همهی تمها باید خوانا بماند.
نصب
با CLI
اگر هنوز init نکردهاید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگیهایش را مینویسد.
$ npx vibefarsi add gridنصب دستی
محتوای تب «کد» را در
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>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| size | number | 56 | اندازهی هر خانه به پیکسل. |