MobileLink() — ui Function Reference

Architecture documentation for the MobileLink() function in mobile-nav.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ MobileLink() — ui Function Reference

Dependency Diagram

graph TD
  95535046_0a7c_bf42_6896_6762ffe8bda8["MobileLink()"]
  195770e0_dba2_8af3_3503_fcbf07c5017b["mobile-nav.tsx"]
  95535046_0a7c_bf42_6896_6762ffe8bda8 -->|defined in| 195770e0_dba2_8af3_3503_fcbf07c5017b
  style 95535046_0a7c_bf42_6896_6762ffe8bda8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/mobile-nav.tsx lines 113–134

function MobileLink({
  href,
  onOpenChange,
  className,
  children,
  ...props
}: MobileLinkProps) {
  const router = useRouter()
  return (
    <Link
      href={href}
      onClick={() => {
        router.push(href.toString())
        onOpenChange?.(false)
      }}
      className={cn("text-[1.15rem]", className)}
      {...props}
    >
      {children}
    </Link>
  )
}