<div class="form-group">
    <label class=" w-100">
    Select Label
    <select class="form-control custom-select" name="select" aria-describedby="formMultipleSelectHelp" multiple>
        <option selected>First</option>
        <option>Second</option>
        <option selected>Third</option>
        <option selected>Fourth</option>
        <option>Fifth</option>
        <option>Sixth</option>
    </select>
  </label>
    <small id="formMultipleSelectHelp" class="form-text text-muted">Note that you can select multiple items.</small>

</div>
<div class="form-group{{modifiers modifiers}}">
  <label class="{{modifiers label-modifiers}}">
    {{label}}
    <select class="form-control custom-select" name="{{name}}"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if multiple}} multiple{{/if}}>
      {{#each options}}
        <option{{#if value}} value="{{value}}"{{/if}}{{#if selected}} selected{{/if}}>{{label}}</option>
      {{/each}}
    </select>
  </label>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
{
  "label": "Select Label",
  "label-modifiers": [
    "w-100"
  ],
  "name": "select",
  "options": [
    {
      "label": "First",
      "selected": true
    },
    {
      "label": "Second"
    },
    {
      "label": "Third",
      "selected": true
    },
    {
      "label": "Fourth",
      "selected": true
    },
    {
      "label": "Fifth"
    },
    {
      "label": "Sixth"
    }
  ],
  "multiple": true,
  "help": {
    "id": "formMultipleSelectHelp",
    "text": "Note that you can select multiple items."
  }
}

There are no notes for this item.