Metro Component Library Demo 2.0

Sign-in form 

<form class="usa-form">
    <fieldset class="usa-fieldset">
        <legend class="usa-legend usa-legend--large">Access your account</legend>

        <label class="usa-label" for="email">
            Email address
        </label>
        <input class="usa-input" id="email" name="email" type="email" autocapitalize="off" autocorrect="off" required>

        <label class="usa-label" for="password-sign-in">
            Password
        </label>
        <input class="usa-input" id="password-sign-in" name="password" type="password" required>
        <p class="usa-form__note">
            <a title="Show password" href="javascript:void()" class="usa-show-password" aria-controls="password-sign-in" data-show-text="Show password" data-hide-text="Hide password">Show password</a>
        </p>

        <input class="usa-button" type="submit" value="Sign in">

        <p>
            <a href="javascript:void(0);" title="Forgot password">
                Forgot password?
            </a>
        </p>

    </fieldset>
</form>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
form:
  legend: Access your account
  email:
    label: Email address
    input:
      id: email
      type: email
  password:
    label: Password
    input:
      id: password-sign-in
    toggle:
      title: Show password
      aria_controls: password-sign-in
      text:
        show: Show password
        hide: Hide password
  submit:
    label: Sign in
  recovery:
    title: Forgot password
    label: Forgot password?