Component documentation

Basics

Components

Objects

Utilities

Textarea

A standard textarea. Use for multi-line text. Manipulate the height with the rows attribute or the following modifier classes: .c-input--h-small, .c-input--h-medium, .c-input--h-large.

Optionally add a class of .autosize to autosize. This functionality relies on autosize.

Label

<div class="o-form-group-layout o-form-group-layout--standard">
    <div class="o-form-group">
        <label class="o-form-group__label" for="textareaId">Label</label>
        <textarea class="c-textarea" rows="5" id="textareaId"></textarea>
    </div>
</div>

.o-form-group-layout.o-form-group-layout--standard
    .o-form-group
        label.o-form-group__label(for="textareaId") Label
        textarea.c-textarea(rows="5" id="textareaId")