Hover Card

@interlace/ui — hover-card primitive (shadcn-compatible).

ui
Visual examples + interactive variants
View Hover Card on Storybook
All states, themes, a11y assertions — rendered live.

Install

Via shadcn URL
npx shadcn@latest add https://ds.interlace.tools/r/hover-card.json
Or, with this registry aliased as @interlace
npx shadcn@latest add @interlace/hover-card

Details

Target path
components/ui/hover-card.tsx
JSON endpoint
/r/hover-card.json
NPM dependencies
  • @base-ui/react
Registry dependencies