6.5 forms.form-item Form item
Wrapper for a form element (or group of form elements) and its label.
Examples
Default styling
Form item description.
Another form item description.
.form-item--inline
Inline form items.
Form item description.
Another form item description.
.form-item--tight
Packs groups of form items closer together.
Form item description.
Another form item description.
.is-error
Highlight the form elements that caused a form submission error.
Form item description.
Another form item description.
Markup: forms/form-item/form-item.twig
<div class="form-item {{modifier_class}}">
<label class="form-item__label" for="form-item-input">Label <span class="form-item__required" title="This field is required.">*</span></label>
<input class="form-item__widget" type="text" id="form-item-input" value="Text value">
<div class="form-item__description">
Form item description.
</div>
</div>
<div class="form-item {{modifier_class}}">
<label class="form-item__label" for="form-item-input-2">Another label <span class="form-item__required" title="This field is required.">*</span></label>
<input class="form-item__widget" type="text" id="form-item-input-2" value="Text value">
<div class="form-item__description">
Another form item description.
</div>
</div>
Source:
sass/forms/form-item/_form-item.scss, line 4