Lunds universitet - Style Guide

Select: Default 

<div class="form-group">
    <label class=" w-100">
    Select Label
    <select class="form-control custom-select" name="select">
        <option selected>First</option>
        <option>Second</option>
        <option>Third</option>
    </select>
  </label>
</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"
    }
  ]
}

There are no notes for this item.