悬停卡片

为视觉正常的用户预览链接背后可访问的内容。

Component Source API Reference

安装 ​

pnpm dlx shadcn-vue@latest add hover-card

用法 ​

vue
<script setup lang="ts">
import {
  HoverCard,
  HoverCardContent,
  HoverCardTrigger,
} from '@/components/ui/hover-card'
</script>

<template>
  <HoverCard>
    <HoverCardTrigger>悬停</HoverCardTrigger>
    <HoverCardContent>
      由 @vuejs 创建和维护的 Vue 框架。
    </HoverCardContent>
  </HoverCard>
</template>
Edit this page on GitHub