FTSE Russell Styleguide

Select: Default 

<div class="input-field">
    <select class="browser-default form__item form__item--select form__item--select" type="select" name="" placeholder=" " required>
    
    <option value="" >Region</option>
    
    <option value="" >United Stated</option>
    
    <option value="" >United Kingdom</option>
    
    <option value="" >Mexico</option>
    
    <option value="" >Germany</option>
    
  </select>
</div>
 
<div class="input-field">
  <select class="browser-default form__item form__item--select form__item--{{ type }}{% if mod %}--{{mod}}{% endif %}" type="{{ type }}" name="{{ name }}" placeholder=" {{ placeholder }}" required>
    {% for option in options %}
    <option value="{{ value }}" {% if selected %} selected {% endif %}>{{ option.title }}</option>
    {% endfor %}
  </select>
</div>
 
{
  "type": "select",
  "disabled": null,
  "options": [
    {
      "value": null,
      "title": "Region",
      "selected": true
    },
    {
      "value": "USA",
      "title": "United Stated",
      "selected": null
    },
    {
      "value": "UK",
      "title": "United Kingdom",
      "selected": null
    },
    {
      "value": "MX",
      "title": "Mexico",
      "selected": null
    },
    {
      "value": "DE",
      "title": "Germany",
      "selected": null
    }
  ]
}

There are no notes for this item.