Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/hover-card. OddApp tokens are applied via globals.css @theme. All token rules still apply.

HoverCard

Popover-style card that appears on mouse hover.

Default

Import and render this component in your app using the snippet below.

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

<HoverCard>
  <HoverCardTrigger>@oddball</HoverCardTrigger>
  <HoverCardContent>Oddball Marketing platform team.</HoverCardContent>
</HoverCard>