ComboboxAutoHighlight() — ui Function Reference

Architecture documentation for the ComboboxAutoHighlight() function in combobox-auto-highlight.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ComboboxAutoHighlight() — ui Function Reference

Dependency Diagram

graph TD
  104e825a_ff68_0e6e_a9af_8d740b472edd["ComboboxAutoHighlight()"]
  2a795fe8_72a4_466a_ceee_eda43aff755f["combobox-auto-highlight.tsx"]
  104e825a_ff68_0e6e_a9af_8d740b472edd -->|defined in| 2a795fe8_72a4_466a_ceee_eda43aff755f
  style 104e825a_ff68_0e6e_a9af_8d740b472edd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/combobox-auto-highlight.tsx lines 20–36

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