PopoverContent() — ui Function Reference

Architecture documentation for the PopoverContent() function in popover.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ PopoverContent() — ui Function Reference

Dependency Diagram

graph TD
  f45156e2_b314_3157_932a_5a4439375b7a["PopoverContent()"]
  4c35152c_8c0f_a438_6561_b97bc2ce7e28["popover.tsx"]
  f45156e2_b314_3157_932a_5a4439375b7a -->|defined in| 4c35152c_8c0f_a438_6561_b97bc2ce7e28
  style f45156e2_b314_3157_932a_5a4439375b7a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/popover.tsx lines 20–40

function PopoverContent({
  className,
  align = "center",
  sideOffset = 4,
  ...props
}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
  return (
    <PopoverPrimitive.Portal>
      <PopoverPrimitive.Content
        data-slot="popover-content"
        align={align}
        sideOffset={sideOffset}
        className={cn(
          "cn-popover-content z-50 w-72 origin-(--radix-popover-content-transform-origin) outline-hidden",
          className
        )}
        {...props}
      />
    </PopoverPrimitive.Portal>
  )
}