ComboboxBasic() — ui Function Reference

Architecture documentation for the ComboboxBasic() function in combobox-basic.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ComboboxBasic() — ui Function Reference

Dependency Diagram

graph TD
  4d897784_ed34_5de1_e8fe_ad4e3d9df1d9["ComboboxBasic()"]
  e77cac3f_1b58_1f1c_ab45_2af937e50458["combobox-basic.tsx"]
  4d897784_ed34_5de1_e8fe_ad4e3d9df1d9 -->|defined in| e77cac3f_1b58_1f1c_ab45_2af937e50458
  style 4d897784_ed34_5de1_e8fe_ad4e3d9df1d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export default function ComboboxBasic() {
  return (
    <Combobox items={frameworks}>
      <ComboboxInput placeholder="Select a framework" />
      <ComboboxContent>
        <ComboboxEmpty>No items found.</ComboboxEmpty>
        <ComboboxList>
          {(item) => (
            <ComboboxItem key={item} value={item}>
              {item}
            </ComboboxItem>
          )}
        </ComboboxList>
      </ComboboxContent>
    </Combobox>
  )
}