Chosen Select

External dependency

This component requires the Chosen library.

Custom styles for select boxes provided by Chosen.

<div class="select">
  <div class="form-group">
    <label for="destination">Destination</label>
    <select class="form-control chosen">
      <option value=""></option>
      <option value="One">One</option>
      <option value="Two">Two</option>
      <option value="Three">Three</option>
      <option value="Four">Four</option>
    </select>
  </div>
</div>

<div class="select">
  <div class="form-group">
    <label for="destination">Destination</label>
    <select class="form-control chosen">
      <option value="One" selected>One (selected)</option>
      <option value="Two">Two</option>
      <option value="Three">Three</option>
      <option value="Four">Four</option>
    </select>
  </div>
</div>

Chosen Multiple Select

External dependency

This component requires the Chosen library.

Custom styles for select boxes provided by Chosen.

<div class="select">
  <div class="form-group">
    <label for="destination">Destination</label>
    <select class="form-control chosen" multiple>
      <option value=""></option>
      <option value="One">One</option>
      <option value="Two">Two</option>
      <option value="Three">Three</option>
      <option value="Four">Four</option>
    </select>
  </div>
</div>

<div class="select">
  <div class="form-group">
    <label for="destination">Destination</label>
    <select class="form-control chosen" multiple>
      <option value=""></option>
      <option value="One" selected>One (selected)</option>
      <option value="Two" selected>Two (selected)</option>
      <option value="Three">Three</option>
      <option value="Four">Four</option>
    </select>
  </div>
</div>