Function: Combobox()

@arolariu/components

---

@arolariu/components / Combobox

Function: Combobox()

Combobox(props): ReactElement

Defined in: components/ui/combobox.tsx:237

A searchable select component combining Command, Popover, and Button.

Parameters

props

Readonly<Props>

Returns

ReactElement

Remarks

• Composes Command (search), Popover (positioning), and Button (trigger)
• Supports both controlled and uncontrolled modes
• Provides keyboard navigation and filtering
• Built with Base UI primitives and CSS Modules

Examples

<Combobox value={value} onValueChange={setValue}>
  <ComboboxTrigger />
  <ComboboxContent>
    <ComboboxItem value="apple">Apple</ComboboxItem>
    <ComboboxItem value="banana">Banana</ComboboxItem>
  </ComboboxContent>
</Combobox>

<Combobox>
  <ComboboxTrigger />
  <ComboboxContent>
    <ComboboxGroup heading="Fruits">
      <ComboboxItem value="apple">Apple</ComboboxItem>
    </ComboboxGroup>
    <ComboboxSeparator />
    <ComboboxGroup heading="Vegetables">
      <ComboboxItem value="carrot">Carrot</ComboboxItem>
    </ComboboxGroup>
  </ComboboxContent>
</Combobox>