Forgot Password

Design Sample
Email Address
Cancel
Notes

As with other components in the design system, it is possible to add validation conditions to any <input>. Simply add a .valid or .invalid class to the .field class.

html
<form class="sm">
  <fieldset>
    <legend>Email Address</legend>
    <div class="field"> <!-- change to 'field valid' or 'field invalid' as necessary -->
      <span class="error-message"></span>
      <input type="email" name="email-address" id="email-address" class="email-address" placeholder="Enter your email address">
      <label for="email-address">Email Address&#42;</label>
    </div>
  </fieldset>
  <div class="button-box">
    <button class="button secondary color-one"><span class="button-label">Cancel</span></button>
    <button class="button color-one"><span class="button-label">Send<span class="post"><span class="processing"><i class="la la-refresh la-spin"></i></span></span></span></button>
  </div>
</form>