Form Groups

Combinations of labels, inputs, and feedback.

Email Address

We'll never share your email.

Username

Username is already taken.

Promo Code

Code applied successfully!

<div class="form-group">
  <label class="form-label">Label</label>
  <input type="text" class="input-text">
  <div class="form-message">Helper text</div>
</div>

<!-- Validation States -->
<div class="form-group form-group--error">...</div>
<div class="form-group form-group--success">...</div>