BlocksNavLink() — ui Function Reference

Architecture documentation for the BlocksNavLink() function in blocks-nav.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ BlocksNavLink() — ui Function Reference

Dependency Diagram

graph TD
  07ff8ac8_18ec_d07f_5ad0_174cf402b160["BlocksNavLink()"]
  ceed1060_e8fb_2587_b354_b5e325f3615e["blocks-nav.tsx"]
  07ff8ac8_18ec_d07f_5ad0_174cf402b160 -->|defined in| ceed1060_e8fb_2587_b354_b5e325f3615e
  style 07ff8ac8_18ec_d07f_5ad0_174cf402b160 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/blocks-nav.tsx lines 34–55

function BlocksNavLink({
  category,
  isActive,
}: {
  category: (typeof registryCategories)[number]
  isActive: boolean
}) {
  if (category.hidden) {
    return null
  }

  return (
    <Link
      href={`/blocks/${category.slug}`}
      key={category.slug}
      className="text-muted-foreground hover:text-primary data-[active=true]:text-primary flex h-7 items-center justify-center px-4 text-center text-base font-medium transition-colors"
      data-active={isActive}
    >
      {category.name}
    </Link>
  )
}