kong-dashboard/src/components/object_properties/object_property/multi_select_property/template.html

Web UI for managing Kong gateway

<div class="input-field">
  <select multiple materialize-select
          id="{{ 'property-' + $ctrl.path }}"
          ng-disabled="{{ $ctrl.schema.readonly }}"
          ng-options="option as option for option in $ctrl.schema.items.enum"
          ng-model="$ctrl.object[$ctrl.key]">
    <option value="" disabled selected>Choose options</option>
  </select>
  <label>{{ $ctrl.label }}</label>

  <div
    style="margin-top: -15px;"
    id="{{ 'error-' + $ctrl.path }}"
    class="red-text errors"
    ng-if="$ctrl.error"
    ng-bind-html="$ctrl.error | arrayToHtmlList">
  </div >

  <p ng-if="$ctrl.schema.description"
     class="grey-text"
     style="margin-top: 0; margin-bottom: 30px; font-size: 85%">
    <em>{{ $ctrl.schema.description }}</em>
  </p>
</div>