NavProjects() — ui Function Reference

Architecture documentation for the NavProjects() function in sidebar-rsc.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing calls 1

Entity Profile

DocumentationAtlas→ ContentSourcing→ NavProjects() — ui Function Reference

Dependency Diagram

graph TD
  45a54ab3_4131_4d5c_4ad9_fe6022e5927c["NavProjects()"]
  85601ae9_85d1_cfd2_4a14_d0db99a36649["sidebar-rsc.tsx"]
  45a54ab3_4131_4d5c_4ad9_fe6022e5927c -->|defined in| 85601ae9_85d1_cfd2_4a14_d0db99a36649
  f6c81fc9_8a5f_89a2_e6d8_856e4aca137e["fetchProjects()"]
  45a54ab3_4131_4d5c_4ad9_fe6022e5927c -->|calls| f6c81fc9_8a5f_89a2_e6d8_856e4aca137e
  style 45a54ab3_4131_4d5c_4ad9_fe6022e5927c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/sidebar-rsc.tsx lines 92–109

async function NavProjects() {
  const projects = await fetchProjects()

  return (
    <SidebarMenu>
      {projects.map((project) => (
        <SidebarMenuItem key={project.name}>
          <SidebarMenuButton asChild>
            <a href={project.url}>
              <project.icon />
              <span>{project.name}</span>
            </a>
          </SidebarMenuButton>
        </SidebarMenuItem>
      ))}
    </SidebarMenu>
  )
}