راهنمای ابزار

tooltipکامپوننت

توضیح کوتاهی که با هاور یا فوکوس ظاهر میشه، فقط با CSS.

افزودن به علاقه‌مندی‌ها

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add tooltip
  2. نصب دستی

    محتوای تب «کد» را در components/ui/tooltip.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Tooltip } from "@/components/ui/tooltip"23<Tooltip content="افزودن به علاقه‌مندی‌ها">4  <Button size="icon" variant="outline" aria-label="علاقه‌مندی"><Star /></Button>5</Tooltip>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
contentReactNode-متن راهنما.
side"top" | "bottom""top"سمت نمایش.