ComboboxItem() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ComboboxItem() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/combobox.tsx lines 151–180

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>
  )
}