ComboboxBasic() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ComboboxBasic() — ui Function Reference

Dependency Diagram

graph TD
  71a8297d_8d45_03c0_4e39_51d9ae43d079["ComboboxBasic()"]
  f67d56b5_b022_d948_2866_4edbbd6ea32a["combobox-demo.tsx"]
  71a8297d_8d45_03c0_4e39_51d9ae43d079 -->|defined in| f67d56b5_b022_d948_2866_4edbbd6ea32a
  style 71a8297d_8d45_03c0_4e39_51d9ae43d079 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/combobox-demo.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>
  )
}