components

Hover Card

Card that appear on hover to show more details

Source CodeRadix
Z
Zoya PetrovaEngineering partner for @Radianos

Installation

pnpm dlx radianui@latest add hover-card

Usage

Imports

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

Code

/components/ui/hover-card.tsx
<HoverCard>
	<HoverCardTrigger>Hover Me</HoverCardTrigger>
	<HoverCardContent>Hello! I am a tooltip-like card.</HoverCardContent>
</HoverCard>