Form Elements

Form containers

All forms need to be contained within a .form container and .form__inner

Form checkbox

Checked and unchecked state of the form checkbox

Usage

Checkboxes are usually added inside of the form__inner

Container classes

form-checkbox

Checkbox components

Input field

Basic form input field

Usage

Input fields without labels below or above can be added with a form__inner

input-field added within a form-inner

Container classes

input-field

Form labels

Form input field with label below

Usage

When using a form label, it needs to be housed along with the element it is being combined with inside of a form-item

Elements within a form-item

Container classes

form-label