داک
dockانیمیشنآیکونهایی که با نزدیک شدن ماوس بزرگ میشن.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add dockنصب دستی
محتوای تب «کد» را در
components/animations/dock.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Dock } from "@/components/animations/dock"23<Dock items={[{ icon: Home, label: "خانه" }, { icon: Search, label: "جستوجو" }]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| items | { icon; label; onClick? }[] | - | آیکونها با برچسب برای aria. |