🍷 Digital Wine Cellar – Pattern Library

Forgot password 

<div id="layout">

    <header id="header">
        <div class="header-content">
            <p class="main-title">
                <svg class="icon " height="20" width="20" aria-hidden="true">
                    <use xlink:href="../../sprite.svg#logo-badge" />
                </svg>
                Fine Wine Club
            </p>
        </div>
    </header>

    <main id="main-content">

        <form action="#" method="post" class="onboarding-form">

            <h1>Recover password</h1>

            <div class="form-item ">
                <label for="email-address">
                    Enter your e-mail address to continue

                </label>
                <input type="email" id="email-address" value="">
            </div>

            <div class="submit-area ">
                <button type="button">
                    <span>
                        <span>Request a new password</span>
                    </span>
                </button>
            </div>

            <p><a href="../preview/login.html">I remember my password now!</a></p>

        </form>

    </main>

</div>
 
{{#> @regular-page}}

  {{#> @onboarding-form}}

    <h1>Recover password</h1>

    {{> @form-item-input email}}

    {{> @submit-area}}

    <p><a href="{{ path '/components/preview/login' }}">I remember my password now!</a></p>

  {{/ @onboarding-form}}

{{/ @regular-page}}
 
{
  "header-type": "logged-out",
  "email": {
    "label": "Enter your e-mail address to continue",
    "type": "email",
    "id": "email-address"
  },
  "submit-button": {
    "text": "Request a new password"
  }
}

No notes defined.