Metro Component Library Demo 2.0

Password reset form 

<form class="usa-form">
    <fieldset class="usa-fieldset">
        <legend class="usa-legend usa-legend--large">Reset password</legend>
        <span>Please enter your new password</span>

        <div class="usa-alert usa-alert--info usa-alert--validation">
            <div class="usa-alert__body">
                <h3 class="usa-alert__heading">Password information</h3>
                <p class="usa-alert__text">
                    Length requirements
                    <br>
                    Character constraints, if any
                </p>
            </div>
        </div>

        <label class="usa-label" for="password-reset">New password</label>
        <input class="usa-input" id="password-reset" name="password" type="password">

        <label class="usa-label" for="confirmPassword">Confirm password</label>
        <input class="usa-input" id="confirmPassword" name="confirmPassword" type="password">
        <p class="usa-form__note">
            <a href="javascript:void(0);" class="usa-show-multipassword" aria-controls="password-reset confirmPassword">Show my typing</a>
        </p>

        <input class="usa-button" type="submit" value="Reset password">
    </fieldset>
</form>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()