rudern.de Webstyleguide

Select 

<div class="form styleguide--background">

    <div class="form-item form-item-select">
        <label for="select">
            Selectfield
        </label>
        <div class="form-select-wrapper">
            <select class="form-select" id="select">
                <option value="1">
                    Lorem ipsum dolor
                </option>
                <option value="2">
                    Adipiscing elit
                </option>
                <option value="3">
                    Sed do eiusmod tempor
                </option>
            </select>
            <div class="form-select-deco"></div>
        </div>
    </div>

</div>
 
<div class="form styleguide--background">

  <div class="form-item form-item-select">
    <label for="select">
      Selectfield
    </label>
    <div class="form-select-wrapper">
      <select class="form-select" id="select">
        {{#options}}
        <option value="{{value}}">
          {{label}}
        </option>
        {{/options}}
      </select>
      <div class="form-select-deco"></div>
    </div>
  </div>

</div>
 
{
  "options": [
    {
      "label": "Lorem ipsum dolor",
      "value": "1"
    },
    {
      "label": "Adipiscing elit",
      "value": "2"
    },
    {
      "label": "Sed do eiusmod tempor",
      "value": "3"
    }
  ]
}

No notes defined.