Amara styleguide


Forms

Forms are used to request input from users. They generally consist of a list of inputs, followed by action buttons to submit the form.

Example


 <form>
   <div class="form-group">
     <label for="">Email</label>
     <input type="email" id="">
   </div>
   <div class="form-group">
     <label for="">Password</label>
     <input required type="password" id="">
     <div class="helpBlock">Type in your password</div>
   </div>
   <div class="form-actions">
     <button class="button borderless">Cancel</button>
     <button type="submit" class="button cta">Submit</button>
   </div>
 </form>

Type in your password