Form item layout
Add form items to general layouts.
<form>
<div class="l-grid__wrapper">
<div class="l-grid l-grid--clean">
<div class="l-grid__col l-grid__col-half">
{%
include "@h4h_theme/forms/form-float-label/form-float-label.twig" with {
modifier_class: 'form-item--wide',
id: 'form-item-test'
} only
%}
</div>
<div class="l-grid__col l-grid__col-half">
{%
include "@h4h_theme/forms/form-item/form-item.twig" with {
modifier_class: 'form-item--wide is-required'
} only
%}
</div>
</div>
<div class="l-grid l-grid--clean">
<div class="l-grid__col">
{%
include "@h4h_theme/forms/form-item/form-item.twig" with {
modifier_class: 'form-item--wide'
} only
%}
</div>
</div>
<div class="l-grid l-grid--clean">
<div class="l-grid__col l-grid__col-half">
{%
include "@h4h_theme/forms/form-item/form-item.twig" with {
modifier_class: 'form-item--wide'
} only
%}
</div>
<div class="l-grid__col l-grid__col-half">
{%
include "@h4h_theme/forms/form-float-label/form-float-label.twig" with {
modifier_class: 'is-required',
id: 'form-item-zip'
} only
%}
</div>
</div>
</div>
</form>