Hover Card

For sighted users to preview content available behind a link.

Installation

npx solidui-cli@latest add hover-card

Usage

import { HoverCard, HoverCardContent, HoverCardTrigger } from "~/components/ui/hover-card"

<HoverCard>
  <HoverCardTrigger>Hover</HoverCardTrigger>
  <HoverCardContent>The React Framework – created and maintained by @vercel.</HoverCardContent>
</HoverCard>