No notes defined.
<section class="c-login js-login">
<header class="c-login__header">
<h2>Sign In</h2>
<p class="c-login__required-field js-login__required-field" hidden>required field</p>
</header>
<p role="alert" class="c-login__invalid-notification js-login__invalid-notification" hidden></p>
<form action="" class="novalidate">
{{> @textfield email }}
{{> @textfield password }}
<div class="c-login__pseudo-description"><a href="">Forgot password?</a></div>
{{> @button }}
</form>
{{> @serial-nav }}
<footer class="c-login__footer">
<p>Problems signing in? <a href="">Contact us</a>.</p>
</footer>
</section>
{
"textfield": {
"component_id": "login-email",
"input_id": "email_1",
"label": "Email address",
"type": "email",
"autocomplete": "email",
"required": true,
"general_description_id": "description_1",
"general_description": "For SSO, use institutional address."
},
"button": {
"type": "submit",
"text": "Sign In"
},
"email": {
"textfield": {
"input_id": "email_4",
"label": "Email address",
"type": "email",
"autocomplete": "email",
"readonly": true,
"value": "Nannie_Jaskolski50@example.com"
}
},
"password": {
"textfield": {
"input_id": "pass_1",
"label": "Password",
"type": "password",
"autocomplete": "password",
"minlength": 8,
"required": true
}
},
"serialnav": {
"label": "Go Back"
}
}
<section class="c-login js-login">
<header class="c-login__header">
<h2>Sign In</h2>
<p class="c-login__required-field js-login__required-field" hidden>required field</p>
</header>
<p role="alert" class="c-login__invalid-notification js-login__invalid-notification" hidden></p>
<form action="" class="novalidate">
<div id="" class="c-textfield js-textfield ">
<label for="email_4">Email address </label>
<input id="email_4" type="email" name="" autocomplete="email" value="Nannie_Jaskolski50@example.com" list="" minlength="" maxlength="" class="readonly">
<div id="" class="c-textfield__invalid-description js-invalid-description" hidden></div>
</div>
<div id="" class="c-textfield js-textfield ">
<label for="pass_1">Password </label>
<input id="pass_1" type="password" name="" autocomplete="password" value="" list="" minlength="8" maxlength="" class="require-me">
<div id="" class="c-textfield__invalid-description js-invalid-description" hidden></div>
</div>
<div class="c-login__pseudo-description"><a href="">Forgot password?</a></div>
<button type="submit">Sign In</button>
</form>
<a class="c-serialnav" rel="prev" href="">Go Back</a>
<footer class="c-login__footer">
<p>Problems signing in? <a href="">Contact us</a>.</p>
</footer>
</section>