Forms

Формы используют `.form-group`, `.label` и `.input`. Ошибки задаются на label через `.error`, а пояснение выводится соседним `.input-info`.

Text input

Field cannot be empty

Password

Text Area

Select

Advanced Select

Field cannot be empty

Checkbox 1 Checkbox 2 Disabled Disabled & Checked

Radio 1 Radio 2 Radio 3

Forms HTML

<div class="form-group">
  <label class="label error">
    Device name
    <i class="ph ph-user"></i>
    <input class="input" type="text" placeholder="Kitchen Light">
  </label>
  <div class="input-info">
    <i class="ph ph-warning-circle"></i>
    Field cannot be empty
  </div>
</div>