Phoenix Reisen Styleguide

400.6 #permalink Validierung

Toggle example guides Toggle HTML markup

Hervorhebung durch Warnfarbe bei fehlerhafter Eingabe, meistens instant während des Tippens.

Example
Markup
<div>
  <label class="textfield">
    <input type="text" />
    <span class="textfield__label alert--warning">
      Buchungsnr... Bitte nur Ziffern
    </span>
  </label>
  <label class="textfield">
    <textarea></textarea>
    <span class="textfield__label alert--warning">
      Kommentar
    </span>
  </label>
  <div class="mb3">
    <label class="radio alert--warning">
      <input type="radio" name="example" />
      <span class="radio__label">Entweder</span>
    </label>
    <label class="radio alert--warning">
      <input type="radio" name="example" />
      <span class="radio__label">Oder</span>
    </label>
  </div>
  <div class="mb3">
    <label class="checkbox alert--warning">
      <input type="checkbox" />
      <span class="checkbox__label">Check mich!</span>
    </label>
  </div>
  <button disabled="disabled">
    Senden
  </button>
</div>
Source: src/components/_forms.scss, line 479