ComboboxItem() — ui Function Reference

Architecture documentation for the ComboboxItem() function in combobox.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ComboboxItem() — ui Function Reference

Dependency Diagram

graph TD
  3908ad5c_2d03_fca7_8145_4fe9e719ab8c["ComboboxItem()"]
  07d0225b_e62e_2bb7_a43c_705ab3ab636d["combobox.tsx"]
  3908ad5c_2d03_fca7_8145_4fe9e719ab8c -->|defined in| 07d0225b_e62e_2bb7_a43c_705ab3ab636d
  style 3908ad5c_2d03_fca7_8145_4fe9e719ab8c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/combobox.tsx lines 153–182

function ComboboxItem({
  className,
  children,
  ...props
}: ComboboxPrimitive.Item.Props) {
  return (
    <ComboboxPrimitive.Item
      data-slot="combobox-item"
      className={cn(
        "cn-combobox-item relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
        className
      )}
      {...props}
    >
      {children}
      <ComboboxPrimitive.ItemIndicator
        render={<span className="cn-combobox-item-indicator" />}
      >
        <IconPlaceholder
          lucide="CheckIcon"
          tabler="IconCheck"
          hugeicons="Tick02Icon"
          phosphor="CheckIcon"
          remixicon="RiCheckLine"
          className="cn-combobox-item-indicator-icon pointer-events-none"
        />
      </ComboboxPrimitive.ItemIndicator>
    </ComboboxPrimitive.Item>
  )
}