Combobox

Bootstrap 5 Combobox component

Responsive Combobox built with Bootstrap 5. An example of the advantage and difference between a MDB Combobox and a standard one from bootstrap.

Basic example

The advantage of using MDB combobox is the predictable appearance of the component regardless of the browser or system.

Default select

Depending on your browser or system, the bootstrap5 combobox may look different.

MDB select

MDB combobox will always look the same regardless of the browser or system.

Edit in sandbox 
        
            
      <!-- Bootstrap select -->
       <select class="form-select" aria-label="Default select example">
        <option selected>Open this select menu</option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
        <option value="6">Six</option>
        <option value="7">Seven</option>
        <option value="8">Eight</option>
      </select>

      <!-- MDB select -->
      <select data-mdb-select-init>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
        <option value="6">Six</option>
        <option value="7">Seven</option>
        <option value="8">Eight</option>
      </select>