<input class="input" id="input-fb41" type="text" placeholder="Placeholdertext" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<input class="input" id="input-748b" type="text" value="Value-Text" placeholder="Placeholdertext" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext",
  "value": "Value-Text"
}

<input class="input" id="input-93c7" type="text" placeholder="Placeholdertext" aria-invalid="true" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext",
  "invalid": true
}

<input class="input" id="input-76aa" type="text" placeholder="Disabled" disabled="disabled" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Disabled",
  "disabled": true
}

<input class="input" id="input-8d57" type="text" value="Value-Text" placeholder="Placeholdertext" disabled="disabled" />

{
  "type": "text",
  "label": "Label",
  "placeholder": "Placeholdertext",
  "disabled": true,
  "value": "Value-Text"
}

<input class="input" id="input-19c7" type="email" placeholder="Your E-Mailaddress" />

{
  "type": "email",
  "label": "Label",
  "placeholder": "Your E-Mailaddress"
}

<input class="input" id="input-5fac" type="search" placeholder="Placeholdertext" />

{
  "type": "search",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<input class="input" id="input-7e45" type="file" placeholder="Placeholdertext" />

{
  "type": "file",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<textarea class="input input--textarea" id="input-688e" type="textarea" placeholder="Placeholdertext"></textarea>

{
  "type": "textarea",
  "label": "Label",
  "placeholder": "Placeholdertext"
}

<input class="input" id="input-7e51" type="date" placeholder="Placeholdertext" />

{
  "type": "date",
  "label": "Label",
  "placeholder": "Placeholdertext"
}