工具提示

一种弹出式组件，当元素获得键盘焦点或鼠标悬停其上时，显示与该元素相关的信息。

Component Source API Reference

安装 ​

pnpm dlx shadcn-vue@latest add tooltip

用法 ​

vue
<script setup lang="ts">
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger
} from '@/components/ui/tooltip'
</script>

<template>
  <TooltipProvider>
    <Tooltip>
      <TooltipTrigger>悬停</TooltipTrigger>
      <TooltipContent>
        <p>添加到库</p>
      </TooltipContent>
    </Tooltip>
  </TooltipProvider>
</template>
Edit this page on GitHub