Input Fields

Demo styling 
<div class="input-field input-field--floating-label">
    <input id="floating-labels1" type="text" placeholder="Input field 1">
    <label for="floating-labels1">Input field 1</label>
</div>
<div class="input-field input-field--floating-label">
    <input id="floating-labels2" type="text" placeholder="Input field 2">
    <label for="floating-labels2">Input field 2</label>
</div>
 
{{#each items}}
<div class="input-field input-field--floating-label">
	<input id="floating-labels{{currentItem}}" type="text" placeholder="{{title}} {{currentItem}}">
	<label for="floating-labels{{currentItem}}">{{title}} {{currentItem}}</label>
</div>
{{/each}}
 
{
  "items": [
    {
      "title": "Input field",
      "currentItem": 1
    },
    {
      "title": "Input field",
      "currentItem": 2
    }
  ]
}

No notes defined.