Phoenix Reisen Styleguide
Example

Deaktiviert

Markup
<label class="textfield">
  <input
    type="text"
    name=""
    value=""
    oninput=""
    maxlength=""
    autocomplete=""
    placeholder="..."
  />
  <span class="textfield__label">Input</span>
</label>
<label class="textfield">
  <textarea
    name=""
    value=""
    oninput=""
    maxlength=""
    placeholder="...">
  </textarea>
  <span class="textfield__label">Textarea</span>
</label>
<p><em>Deaktiviert</em></p>
<label class="textfield">
  <input
    type="text"
    name=""
    value=""
    oninput=""
    maxlength=""
    autocomplete=""
    placeholder="..."
    disabled="disabled"
  />
  <span class="textfield__label">Input</span>
</label>
<label class="textfield">
  <textarea
    name=""
    value=""
    oninput=""
    maxlength=""
    placeholder="..."
    disabled="disabled">
  </textarea>
  <span class="textfield__label">Textarea</span>
</label>
Source: src/components/_forms.scss, line 482