║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: Combobox (Base UI) description: An input combined with a list of predefined items to select. links: docs: https://base-ui.com/react/components/combobox api: https://base-ui.com/react/components/combobox#api-reference

<ComponentPreview name="combobox-baseui-demo" />

Installation

<CodeBlockCommand component="combobox" />

Examples

Multiple Select with Chips

<ComponentPreview name="combobox-baseui-chips" />

Input Inside Popup

<ComponentPreview name="combobox-baseui-input-inside-popup" />

Creatable

<ComponentPreview name="combobox-baseui-creatable" />

Groups

<ComponentPreview name="combobox-baseui-groups" />

Separator

<ComponentPreview name="combobox-baseui-separator" />

Migrating from Radix UI

<Steps> <Step> <include>migration-steps/common.mdx</include> </Step> </Steps>

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║