Docs
ホバーカード

ホバーカード

視覚ユーザーがリンクの後ろに利用可能なコンテンツをプレビューするためのものです。

DocsAPI Reference

インストール

npx shadcn-ui@latest add hover-card

使用方法

import {
  HoverCard,
  HoverCardContent,
  HoverCardTrigger,
} from "@/components/ui/hover-card"
<HoverCard>
  <HoverCardTrigger>ホバー</HoverCardTrigger>
  <HoverCardContent>
    Reactフレームワーク - @vercelによって作成および保守されています。
  </HoverCardContent>
</HoverCard>