mirror of https://github.com/moparisthebest/mail
44 lines
1.2 KiB
Handlebars
44 lines
1.2 KiB
Handlebars
---
|
|
title: Form layout
|
|
description: >
|
|
Basic form layout with multicolumn support.
|
|
---
|
|
|
|
<form class="form">
|
|
<p class="form__error-message">Error message</p>
|
|
<p class="form__password-strong-message">Password strong message</p>
|
|
<div class="form__row">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
<div class="form__row form__row--multi">
|
|
<div class="form__col">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
<div class="form__col">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
</div>
|
|
<div class="form__row form__row--multi">
|
|
<div class="form__col form__col--2">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
<div class="form__col">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
</div>
|
|
<div class="form__row form__row--multi">
|
|
<div class="form__col">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
<div class="form__col form__col--2">
|
|
<input class="input-text" type="text">
|
|
</div>
|
|
</div>
|
|
<div class="spinner-block">
|
|
<span class="spinner spinner--big"></span>
|
|
</div>
|
|
<div class="form__row">
|
|
<button class="btn" type="submit">Submit</button>
|
|
</div>
|
|
</form>
|