Clone: Passwords

Just a heads up!

Clone's documentation uses Cookies and Google Analytics to help us better understand our visitors. By viewing this site, you agree to have this basic information collected and relayed back to us. You can learn more about how Google Analytics provides us with this information here.

About Passwords

Password inputs are useful for authentication related forms. Clone includes a handy "view" toggle that manually switches the hidden password input to a visible text input so that the user can effectively see what they're typing. Please take this into consideration upon form submission in your project.

More Info See Examples Changelog

Password Accessibility

Coming Soon!

Code Snippet

<div data-c-input="password">
    <label for="p2">My Password</label>
    <span>Required</span>
    <div>
        <input id="p2" required type="password" value="G1assesAreTheBestDisguise" />
        <button type="button">
            <i class="material-icons">
                visibility
            </i>
            <i class="material-icons">
                visibility_off
            </i>
        </button>
    </div>
    <span>This input has an error.</span>
</div>

Detailed Information

Coming soon!

Examples

My Password Required

This input has an error.

My Password Required

This input has an error.

My Password Required

This input has an error.

Changelog

No changes to report! (yet)