PickerSubTrigger() — ui Function Reference

Architecture documentation for the PickerSubTrigger() function in picker.tsx from the ui codebase.

Function tsx DesignEngine PreviewSystem

Entity Profile

DesignEngine→ PreviewSystem→ PickerSubTrigger() — ui Function Reference

Dependency Diagram

graph TD
  9d1284aa_b097_1a5a_c7c4_a63161173e42["PickerSubTrigger()"]
  b092b998_90ed_5dea_8a23_d23b4e659d3e["picker.tsx"]
  9d1284aa_b097_1a5a_c7c4_a63161173e42 -->|defined in| b092b998_90ed_5dea_8a23_d23b4e659d3e
  style 9d1284aa_b097_1a5a_c7c4_a63161173e42 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(create)/components/picker.tsx lines 118–147

function PickerSubTrigger({
  className,
  inset,
  children,
  ...props
}: MenuPrimitive.SubmenuTrigger.Props & {
  inset?: boolean
}) {
  return (
    <MenuPrimitive.SubmenuTrigger
      data-slot="dropdown-menu-sub-trigger"
      data-inset={inset}
      className={cn(
        "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
        className
      )}
      {...props}
    >
      {children}
      <IconPlaceholder
        lucide="ChevronRightIcon"
        tabler="IconChevronRight"
        hugeicons="ArrowRight01Icon"
        phosphor="CaretRightIcon"
        remixicon="RiArrowRightSLine"
        className="ml-auto"
      />
    </MenuPrimitive.SubmenuTrigger>
  )
}