causeway-standard-theme/causeway/docs/components/form-fields/select-shuttle.html

<div>
  <a id="forms-select-shuttle"></a>
  <header class="content-header">
    <h1 class="title">
      Select Shuttle
    </h1>
  </header>
  <p>
    The Select Shuttle component is used to move items from one list to another, typically between "Available" list to a "Selected" list.
  </p>

  <form class="form-horizontal" action="">
    <div class="form-row">
      <div class="form-group">
        <label class="control-label" for="select-shuttle">Select Shuttle: </label>
        <div class="control-input select-shuttle">
          <select multiple="multiple" id="select-shuttle" class="form-control">
            <option value="option7">Option 7</option>
            <option value="option8">Option 8</option>
            <option value="option9">Option 9</option>
            <option value="option0">Option 10</option>
            <option value="option0">Option 11</option>
            <option value="option0">Option 12</option>
          </select>
        </div>
      </div>
    </div>
  </form>
</div>