悬停卡
供视力正常的用户预览链接背后的内容。
安装
bash
npx shadcn-vue@latest add hover-card
用法
vue
<script setup lang="ts">
import {
HoverCard,
HoverCardContent,
HoverCardTrigger,
} from '@/components/ui/hover-card'
</script>
<template>
<HoverCard>
<HoverCardTrigger>Hover</HoverCardTrigger>
<HoverCardContent>
The Vue Framework – created and maintained by @vuejs.
</HoverCardContent>
</HoverCard>
</template>