Account Modal
The account-modal component, prefixed by gds-account-modal
, is a standard login window. This component is meant to be used on a page by itself.
<div class="gds-account-modal gds-account-modal--logo">
<div class="gds-account-modal__logo-product">Advertising</div>
<div class="gds-account-modal__form-cap -m-t-3-sm -m-t-0">Dashboard</div>
<form class="gds-form gds-account-modal__form gds-card -p-a-3">
<div class="gds-form-group -m-b-1">
<label class="gds-form-group__label">Email</label>
<input class="gds-form-group__text-input" type="text" placeholder="user@gumgum.com">
</div>
<div class="gds-form-group -m-b-2">
<label class="gds-form-group__label">Password</label>
<input class="gds-form-group__text-input" type="password" placeholder="password123">
</div>
<div class="gds-form-group -m-b-2">
<div class="gds-form-group__checkbox">
<label class="gds-form-group__checkbox-label">
<input class="gds-form-group__checkbox-input" type="checkbox" value="">
<span class="gds-form-group__checkbox-indicator"></span> Stay signed in
</label>
</div>
</div>
<button type="submit" class="gds-button gds-button--block gds-button--primary">Login</button>
</form>
<p class="gds-account-modal__extra-links"><a href="#" class="gds-text--link">Forgot your password?</a></p>
</div>