4.1 molecules.form-elements Form elements

Toggle example guides Toggle HTML markup

All form elements are grouped in a class .form-group. There can be a label, required astrix, input field and help text.

Example
*
We'll never share your email with anyone else.
Markup: 03-molecules/form-elements/form-element.twig
<div class="form-group">
  <label class="control-label" for="exampleInputEmail1">Email address</label><span class="form-required">*</span>
  <input type="email" id="exampleInputEmail1" required class="form-control" placeholder="Enter email">
  <div class="help-block">We'll never share your email with anyone else.</div>
</div>
Source: 03-molecules/form-elements/form-elements.scss, line 3