Hover Card

Ready

Rich preview on hover.

Requires radix-ui

Installation

$ npx @oratiq-js/ui add hover-card

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

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

Default

For sighted mouse users only — treat everything inside as a preview of content reachable another way. Never put an action in here that exists nowhere else.

View source on GitHub → components/ui/hover-card.tsx