Docs
Hover Card

Hover Card

For sighted users to preview content available behind a link.

Usage

import shadcn.ui.components.HoverCard
import shadcn.ui.components.HoverCardContent
import shadcn.ui.components.HoverCardTrigger
HoverCard {
    HoverCardTrigger { + "Hover" }
    HoverCardContent {
        + "The React Framework – created and maintained by @vercel."
    }
}