SidebarMenuSub() — ui Function Reference

Architecture documentation for the SidebarMenuSub() function in sidebar.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ SidebarMenuSub() — ui Function Reference

Dependency Diagram

graph TD
  e1347c7e_06b9_e053_3b0a_1b98e7ed053e["SidebarMenuSub()"]
  403a7802_5284_b88e_6793_ca6286c4d07c["sidebar.tsx"]
  e1347c7e_06b9_e053_3b0a_1b98e7ed053e -->|defined in| 403a7802_5284_b88e_6793_ca6286c4d07c
  style e1347c7e_06b9_e053_3b0a_1b98e7ed053e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/ui-rtl/sidebar.tsx lines 620–632

function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
  return (
    <ul
      data-slot="sidebar-menu-sub"
      data-sidebar="menu-sub"
      className={cn(
        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-s px-2.5 py-0.5 group-data-[collapsible=icon]:hidden rtl:-translate-x-px",
        className
      )}
      {...props}
    />
  )
}