inFakt Styleguide

Walidacja

Zaznaczanie błędnie wypełnionego pola formularza.

<div class="field field-group">
  <div class="row alert--error">
    <label for="alert-1">Label input</label>
    <input id="alert-1" type="text">
  </div>
  <div class="row alert--error">
    <label for="alert-2">Label input</label>
    <input id="alert-2" type="text">
  </div>
</div>
<div class="field alert--error">
  <label for="alert-3">Label input</label>
  <input id="alert-3" type="text">
</div>
<div class="field alert--error">
  <label for="alert-4">Label textarea</label>
  <textarea name="" id="alert-4" cols="30" rows="2"></textarea>
</div>
<div class="field">
  <div class="checkbox inline alert--error">
    <input type="checkbox" name="" id="alert-5">
    <label for="alert-5">Label checkbox</label>
  </div>
</div>
<div class="field alert--error">
  <label for="alert-6">Label select</label>
  <select id="alert-6">
    <option value="1">Item test 1</option>
    <option value="2">Item test 2</option>
    <option value="3">Item test 3</option>
    <option value="4">Item test 4</option>
  </select>
</div>