FTSE Russell Styleguide

Select: Select Inverted 

<div class="input-field">
    <select class="browser-default form__item form__item--select form__item--select--inverted" type="select" name="" placeholder=" " required>
    
    <option value="" >Year</option>
    
    <option value="" >2011</option>
    
    <option value="" >2013</option>
    
    <option value="" >2014</option>
    
    <option value="" >2015</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",
  "mod": "inverted",
  "disabled": null,
  "options": [
    {
      "value": null,
      "title": "Year",
      "selected": true
    },
    {
      "value": 2011,
      "title": "2011",
      "selected": null
    },
    {
      "value": 2012,
      "title": "2013",
      "selected": null
    },
    {
      "value": 2014,
      "title": "2014",
      "selected": null
    },
    {
      "value": 2015,
      "title": "2015",
      "selected": null
    }
  ]
}

There are no notes for this item.