ComboboxInvalid() — ui Function Reference

Architecture documentation for the ComboboxInvalid() function in combobox-invalid.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ComboboxInvalid() — ui Function Reference

Dependency Diagram

graph TD
  1339beef_c2d4_b18a_c384_25e0ac5ecfce["ComboboxInvalid()"]
  58365967_f41e_fbd0_2fa1_beca6f5142ad["combobox-invalid.tsx"]
  1339beef_c2d4_b18a_c384_25e0ac5ecfce -->|defined in| 58365967_f41e_fbd0_2fa1_beca6f5142ad
  style 1339beef_c2d4_b18a_c384_25e0ac5ecfce fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

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