Combobox

The Combobox is a button that opens a dropdown menu with search functionality. It is used to select an item from a list of options.

Imports

`Root` - The root of the component, what wraps everything.

`Trigger` - The trigger that opens the combobox.

`Content` - The content, the generic popover base.

`Search` - The input field for searching the items.

`Results` - Holds all the searched items.

`Item` - An item in the combobox.

Installation

npx neel-ui add combobox

Example

API Reference

Props of the `Combobox` component. `*` denotes the default value. As it is an extension of the `Popover` component, it also inherits the props of the `Popover` component.

Attribute
Type
Description
Parent
selected
`string`
The selected value of the combobox.
`Content`
threshold
`number`
The threshold for the search, defaults to `0.2`.
`Search`
placeholder
`string`
The placeholder for the search input, defaults to `Search...`.
`Search`
placement
What side the content should open on, defaults to `bottom`.
`Content`