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