ExampleLink() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ExampleLink() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

deprecated/www/components/examples-nav.tsx lines 81–102

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

  return (
    <Link
      href={example.href}
      key={example.href}
      className="flex h-7 items-center justify-center rounded-full px-4 text-center text-sm font-medium text-muted-foreground transition-colors hover:text-primary data-[active=true]:bg-muted data-[active=true]:text-primary"
      data-active={isActive}
    >
      {example.name}
    </Link>
  )
}