400.70 #permalink Validierung
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 593