Skip to main content

Main Content

Signup Form

SCSS Source: core/src/scss/components/signup-form/_signup-form.scss

Twig Source: core/src/templates/components/signup-form/signup-form.twig

Description

The signup form shows an example of a very simple form and how input and button elements should look. You may expand on the elements of this form or use it as-is.

Default Style

Example Markup

<div class="su-signup-form [ modifier_class ]">
  <h2 class="su-signup-form__heading">Sign up for our email.</h2>
  <p>Your source for pellentesque leo accumsan ultrices</p>
  <form action="/" method="post">
    <input type="email" id="su-email" aria-label="email address" name="su-email" placeholder="email address" required="" />
    <input type="submit" id="su-submit" name="su-submit" value="Sign-up" />
  </form>
</div>