Overlayssrc/components/ui/hover-card.tsx
Hover Card
Shows rich preview content when hovering a trigger.
Preview
Installation
Copy the component source into your project with `degit`. This port is intentionally not distributed as an npm package.
bunx degit https://github.com/LiasCode/shadcn-preact/src/components/ui#main ./src/components/uiUsage
import {
HoverCard,
HoverCardTrigger,
HoverCardContent
} from "@/components/ui/hover-card"
export function Example() {
return (
<HoverCard>
{/* compose the parts you need */}
</HoverCard>
)
}API Reference
ExportPurpose
HoverCardComposable part exported by `@/components/ui/hover-card`.HoverCardTriggerComposable part exported by `@/components/ui/hover-card`.HoverCardContentComposable part exported by `@/components/ui/hover-card`.