# Combobox

<auro-combobox> combines a text input with a filterable dropdown menu, letting users either type a value or pick one from a list. As the user types, the menu narrows to show only matching options.

The component supports two modes:

Suggestion (default) — The user may type any value. The menu provides suggestions but does not restrict input.
Filter — Typing filters the available options and sets the component's value to the typed text, but the input is not considered valid until a menu option is selected. Validation surfaces valueMissing until the typed value matches a chosen option.

Common use cases:

Airport or city search — Type a city name or airport code to filter a long list of destinations.
Country or region selection — Quickly find and select from a large set of geographic options.
Autocomplete fields — Provide type-ahead suggestions for form fields where the set of valid values is known.
Search with suggestions — Offer recommended results while still allowing freeform input.

## Combobox Use Cases The `` element should be used in situations where users may: * Search * Airports: user looks for a specific airport by searching for the city name or airport code * Site wide: user searches for a topic site wide and combobox makes suggestions on searchable results * Filter * Options: user chooses filters for their search by using combobox * Select * Quantity: user types a quantity to select an option within a range (for example, the user may be limited to 2-34) ## Getting Started For Getting Started instructions, visit the [auro-combobox Getting Started page](https://auro.alaskaair.com/components/auro/combobox/getting-started).