NavigationMenuContent() — ui Function Reference

Architecture documentation for the NavigationMenuContent() function in navigation-menu.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ NavigationMenuContent() — ui Function Reference

Dependency Diagram

graph TD
  dacdf17c_a12f_3e65_a01c_84fd63a74a9f["NavigationMenuContent()"]
  0e1e9b2a_fad2_a395_127a_397215420ce4["navigation-menu.tsx"]
  dacdf17c_a12f_3e65_a01c_84fd63a74a9f -->|defined in| 0e1e9b2a_fad2_a395_127a_397215420ce4
  style dacdf17c_a12f_3e65_a01c_84fd63a74a9f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/navigation-menu.tsx lines 87–101

function NavigationMenuContent({
  className,
  ...props
}: NavigationMenuPrimitive.Content.Props) {
  return (
    <NavigationMenuPrimitive.Content
      data-slot="navigation-menu-content"
      className={cn(
        "cn-navigation-menu-content data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto transition-[opacity,transform,translate] duration-[0.35s] data-ending-style:opacity-0 data-starting-style:opacity-0 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
        className
      )}
      {...props}
    />
  )
}