ComboboxWithClear() — ui Function Reference

Architecture documentation for the ComboboxWithClear() function in combobox-clear.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ComboboxWithClear() — ui Function Reference

Dependency Diagram

graph TD
  e0c8b039_7710_8886_f8c1_d3747cef0979["ComboboxWithClear()"]
  56e70ed2_0225_f696_2f99_91830cc98eb0["combobox-clear.tsx"]
  e0c8b039_7710_8886_f8c1_d3747cef0979 -->|defined in| 56e70ed2_0225_f696_2f99_91830cc98eb0
  style e0c8b039_7710_8886_f8c1_d3747cef0979 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/combobox-clear.tsx lines 20–36

export function ComboboxWithClear() {
  return (
    <Combobox items={frameworks} defaultValue={frameworks[0]}>
      <ComboboxInput placeholder="Select a framework" showClear />
      <ComboboxContent>
        <ComboboxEmpty>No items found.</ComboboxEmpty>
        <ComboboxList>
          {(item) => (
            <ComboboxItem key={item} value={item}>
              {item}
            </ComboboxItem>
          )}
        </ComboboxList>
      </ComboboxContent>
    </Combobox>
  )
}