HoverCardContent() — ui Function Reference

Architecture documentation for the HoverCardContent() function in hover-card.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ HoverCardContent() — ui Function Reference

Dependency Diagram

graph TD
  36a4d93a_25e0_9b0c_af4a_6fb5d8d6ec4d["HoverCardContent()"]
  b637ef2a_330e_9cf3_152d_d27c5d6e1e4a["hover-card.tsx"]
  36a4d93a_25e0_9b0c_af4a_6fb5d8d6ec4d -->|defined in| b637ef2a_330e_9cf3_152d_d27c5d6e1e4a
  style 36a4d93a_25e0_9b0c_af4a_6fb5d8d6ec4d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/hover-card.tsx lines 22–42

function HoverCardContent({
  className,
  align = "center",
  sideOffset = 4,
  ...props
}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
  return (
    <HoverCardPrimitive.Portal data-slot="hover-card-portal">
      <HoverCardPrimitive.Content
        data-slot="hover-card-content"
        align={align}
        sideOffset={sideOffset}
        className={cn(
          "cn-hover-card-content z-50 origin-(--radix-hover-card-content-transform-origin) outline-hidden",
          className
        )}
        {...props}
      />
    </HoverCardPrimitive.Portal>
  )
}