Select

Demo styling 
<div class="margin-bottom-sm select">
    <select name="select">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>

<div class="margin-bottom-sm select select--secondary">
    <select name="select">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>
 
<div class="margin-bottom-sm select">
	<select name="select">
		{{#each items}}
			<option value="{{currentItem}}">{{title}} {{currentItem}}</option>
		{{/each}}
	</select>
</div>

<div class="margin-bottom-sm select select--secondary">
	<select name="select">
		{{#each items}}
			<option value="{{currentItem}}">{{title}} {{currentItem}}</option>
		{{/each}}
	</select>
</div>
 
{
  "items": [
    {
      "title": "Option",
      "currentItem": 1
    },
    {
      "title": "Option",
      "currentItem": 2
    },
    {
      "title": "Option",
      "currentItem": 3
    },
    {
      "title": "Option",
      "currentItem": 4
    }
  ]
}

No notes defined.