Windy CSS styleguide

3.10 #components.form .form-group

Basic form group

Examples

Default styling

Name This is a note or error message

.size-xs

10px

Name This is a note or error message

.size-s

12px

Name This is a note or error message

.size-m

14px

Name This is a note or error message

.size-l

16px

Name This is a note or error message

.size-xl

18px

Name This is a note or error message

.size-xxl

20px

Name This is a note or error message

.size-xxxl

24px

Name This is a note or error message

.error

error

Name This is a note or error message

Markup

<div class="form-group [modifier class]">
          <label>Name</label>
          <input type="text" placeholder="Name">
          <small>This is a note or error message</small>
         </div>

Source: src/css/components/forms.less, line 1