Text Area
A free form text entry input, for user data capture.
Textarea with Label
All inputs should be surrounded by a label.
A free form text entry input, for user data capture.
<textarea class="c-input c-input--textarea" rows="4" placeholder="Placeholder text…"></textarea>
<textarea class="c-input c-input--textarea" rows="4" placeholder="Placeholder text…" disabled></textarea>
All inputs should be surrounded by a label.
<label class="c-label | u-w-100% u-w-50%-@bp2" for="textarea_1">
<span class="c-label__text">Label</span>
<span class="c-label__input">
<textarea class="c-input c-input--textarea" id="textarea_1" rows="4" placeholder="Placeholder text…"></textarea>
</span>
</label>
<label class="c-label | u-w-100% u-w-50%-@bp2">
<span class="c-label__text | u-block">
<span class="o-split">
<span class="o-split__title">Label</span>
<span><sup class="u-tc-red-600">*</sup>Required</span>
</span>
</span>
<span class="c-label__input">
<textarea class="c-input c-input--textarea" rows="4" placeholder="Placeholder text…"></textarea>
</span>
</label>