ExampleLink() — ui Function Reference

Architecture documentation for the ExampleLink() function in examples-nav.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ ExampleLink() — ui Function Reference

Dependency Diagram

graph TD
  8fa357c8_a377_122f_16b6_4440ab4fa76f["ExampleLink()"]
  ab003c5d_c16d_30b1_977c_3bb1481a4b49["examples-nav.tsx"]
  8fa357c8_a377_122f_16b6_4440ab4fa76f -->|defined in| ab003c5d_c16d_30b1_977c_3bb1481a4b49
  style 8fa357c8_a377_122f_16b6_4440ab4fa76f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/examples-nav.tsx lines 70–94

function ExampleLink({
  example,
  isActive,
}: {
  example: (typeof examples)[number]
  isActive: boolean
}) {
  if (example.hidden) {
    return null
  }

  return (
    <Link
      href={example.href}
      key={example.href}
      className="text-muted-foreground hover:text-primary data-[active=true]:text-primary flex h-7 items-center justify-center gap-2 px-4 text-center text-base font-medium transition-colors"
      data-active={isActive}
    >
      {example.name}
      {example.name === "RTL" && (
        <span className="flex size-2 rounded-full bg-blue-500" title="New" />
      )}
    </Link>
  )
}