MenubarSubTrigger() — ui Function Reference

Architecture documentation for the MenubarSubTrigger() function in menubar.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ MenubarSubTrigger() — ui Function Reference

Dependency Diagram

graph TD
  94a785ba_a8f1_95bb_8e12_c8ba7553117c["MenubarSubTrigger()"]
  ee32cbd0_cc28_99db_bd77_2dc81b265b5f["menubar.tsx"]
  94a785ba_a8f1_95bb_8e12_c8ba7553117c -->|defined in| ee32cbd0_cc28_99db_bd77_2dc81b265b5f
  style 94a785ba_a8f1_95bb_8e12_c8ba7553117c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/menubar.tsx lines 230–259

function MenubarSubTrigger({
  className,
  inset,
  children,
  ...props
}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
  inset?: boolean
}) {
  return (
    <MenubarPrimitive.SubTrigger
      data-slot="menubar-sub-trigger"
      data-inset={inset}
      className={cn(
        "cn-menubar-sub-trigger flex cursor-default items-center outline-none select-none",
        className
      )}
      {...props}
    >
      {children}
      <IconPlaceholder
        lucide="ChevronRightIcon"
        tabler="IconChevronRight"
        hugeicons="ArrowRight01Icon"
        phosphor="CaretRightIcon"
        remixicon="RiArrowRightSLine"
        className="cn-rtl-flip ml-auto size-4"
      />
    </MenubarPrimitive.SubTrigger>
  )
}