ComboboxClear() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ComboboxClear() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/combobox.tsx lines 46–64

function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
  return (
    <ComboboxPrimitive.Clear
      data-slot="combobox-clear"
      render={<InputGroupButton variant="ghost" size="icon-xs" />}
      className={cn("cn-combobox-clear", className)}
      {...props}
    >
      <IconPlaceholder
        lucide="XIcon"
        tabler="IconX"
        hugeicons="Cancel01Icon"
        phosphor="XIcon"
        remixicon="RiCloseLine"
        className="cn-combobox-clear-icon pointer-events-none"
      />
    </ComboboxPrimitive.Clear>
  )
}