حلقهها
ringsپسزمینهدایرههای هممرکز با محو تدریجی.
متن روی پسزمینه
در همهی تمها باید خوانا بماند.
نصب
با CLI
اگر هنوز init نکردهاید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگیهایش را مینویسد.
$ npx vibefarsi add ringsنصب دستی
محتوای تب «کد» را در
components/backgrounds/rings.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { RingsBackground } from "@/components/backgrounds/rings"23<section className="relative overflow-hidden">4 <RingsBackground />5 <div className="relative">…</div>6</section>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| gap | number | 22 | فاصلهی حلقهها. |