مدار
orbitانیمیشنعناصری که دور یک مرکز میچرخن و همیشه رو به بالا میمونن.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add orbitنصب دستی
محتوای تب «کد» را در
components/animations/orbit.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Orbit } from "@/components/animations/orbit"23<Orbit center={<Logo />} items={[{ node: <Icon />, radius: 64, duration: 9 }, { node: <Icon />, radius: 44, duration: 6 }]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| items | { node; radius; duration?; delay? }[] | - | هر آیتم مدار خودش را داره. |
| size | number | 160 | قطر ظرف. |