Combo Box

A combo box is a versatile UI component in HTML, designed to combine the features of a text input and a select element. It allows users to either type a custom value or select from a predefined list of options. This component enhances user interaction by providing auto-suggestions, search functionality, and the flexibility to handle both fixed and dynamic input. It is ideal for scenarios where users need the convenience of a dropdown list with the added capability of entering custom data.

1. Default

To display a combo box with a label, you will have to do the same as working with native HTML, adding a for attribute for the label with the value of the control's id.

In addition, a div wrapper must be used around those elements to properly style them. These styles are documented on the label and form sections, correspondingly.


2. No Label

3. Disabled

4. Placeholder

5. With icons