Develop

Styles

A field wraps a control with a label, helper text, and error message.

<div class="tng-field">
  <label class="tng-field-label">Username</label>
  <div class="tng-control">
    <input class="tng-control-input" type="text" />
  </div>
  <div class="tng-field-info">
    <i class="tng-icon icon-info"></i>
    <span>Helper text for the input field.</span>
  </div>
  <div class="tng-field-error">
    <i class="tng-icon icon-error"></i>
    <span>Error message if applicable.</span>
  </div>
</div>

Username

Helper text for the input field.

Error message if applicable.