BlocksNavLink() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ BlocksNavLink() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

deprecated/www/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="flex h-7 shrink-0 items-center justify-center whitespace-nowrap rounded-full px-4 text-center text-sm font-medium text-muted-foreground transition-colors hover:text-foreground data-[active=true]:bg-muted data-[active=true]:text-foreground"
      data-active={isActive}
    >
      {category.name}
    </Link>
  )
}