نمایشیTooltip

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

نمایش اطلاعات اضافی هنگام هاور روی عنصر

پیش‌فرض

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

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger asChild>
      <Button variant="outline">هاور کنید</Button>
    </TooltipTrigger>
    <TooltipContent>
      <p>این یک متن آزمایشی است</p>
    </TooltipContent>
  </Tooltip>
</TooltipProvider>

نصب دستی

وابستگی‌ها

برای استفاده از Tooltip، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-tooltip

کد زیر را می‌توانید در پروژه خود کپی کنید تا Tooltip را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

موقعیت‌ها

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

با محتوای غنی

راهنمای ابزار با محتوای بیشتر