Autocomplete
CoreUI PRO hexagon
Our Admin Panel isn’t just a mix of third-party components. It’s the only Bootstrap dashboard built on a professional, enterprise-grade UI Components Library. This component is part of this library, and we present only the basic usage of it here. To explore extended examples, detailed API documentation, and customization options, refer to our docs.
Explore Documentation
CoreUI AutocompleteBasic exampleCoreUI PRO Component

A straightforward demonstration of how to implement a basic Bootstrap Autocomplete input field, highlighting essential attributes and configurations.

CoreUI AutocompleteWith hintsCoreUI PRO Component

Enable hints by adding data-coreui-show-hints="true" to show completion suggestions as you type.

CoreUI AutocompleteWith cleaner buttonCoreUI PRO Component

Add a clear button by setting data-coreui-cleaner="true".

CoreUI AutocompleteHighlight matching textCoreUI PRO Component

Enable text highlighting in dropdown options with data-coreui-highlight-options-on-search="true".

CoreUI AutocompleteMultiple configurationsCoreUI PRO Component

Combine multiple features for enhanced functionality.

CoreUI AutocompleteValidation statesCoreUI PRO Component

Apply validation states using Bootstrap's validation classes.

Valid choice!
Please select a valid option.