راهنمای ابزار
tooltipکامپوننتتوضیح کوتاهی که با هاور یا فوکوس ظاهر میشه، فقط با CSS.
افزودن به علاقهمندیها
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add tooltipنصب دستی
محتوای تب «کد» را در
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>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| content | ReactNode | - | متن راهنما. |
| side | "top" | "bottom" | "top" | سمت نمایش. |