Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Tailwind CSS ComboBox (Autocomplete)

Build autocomplete inputs that suggest matching options as users type, using HTML or remote JSON data sources with API paths, query parameters, minimum search length, clear buttons, and JavaScript methods.

Requires JS

Note that this component requires the use of our ComboBox plugin, else you can skip this message if you are already using Preline UI as a package.

Basic combobox

Build a combobox from options already rendered in the HTML.

Remote JSON source

Load combobox results from a remote JSON endpoint.

Custom API paths

Map separate API paths for search and default results when the endpoint structure differs.

Append query parameters like per_page=10 when requesting remote results.

Minimum search length

Require a minimum number of typed characters before the combobox starts requesting remote results.

Clear button

Add a clear button so users can quickly reset the current value.

Destroy and reinitialize

Use the destroy method before reinitializing the combobox when the component needs to be rebuilt.

© 2026 Preline Labs.