The forms component list the various form elements used throughout the site.

Form Controls

Helpful error message


A dropdown allows users to select one option from a list.


  • content

    (mandatory) the content of the element

  • type

    (optional) either text or email for the type HTML attribute (default to text)

  • class

    (optional) any extra class

Liquid Example

          {% include components/forms/forms.html
  type = "text"
  content = "Email address"
  class = "fancy-box"