نمایشیTooltip
راهنمای ابزار
نمایش اطلاعات اضافی هنگام هاور روی عنصر
پیشفرض
راهنمای ابزار ساده
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button variant="outline">هاور کنید</Button>
</TooltipTrigger>
<TooltipContent>
<p>این یک متن آزمایشی است</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>نصب دستی
وابستگیها
برای استفاده از Tooltip، باید این بستهها را نصب کنید:
npm install @radix-ui/react-tooltipکد زیر را میتوانید در پروژه خود کپی کنید تا Tooltip را به صورت دستی اضافه کنید:
نمونههای بیشتر
موقعیتها
راهنمای ابزار در موقعیتهای مختلف
با محتوای غنی
راهنمای ابزار با محتوای بیشتر