Skip to content

role textarea

Textarea draft v0.1.0

Lets people enter or edit several lines of text.

A textarea collects free text that may run over several lines: a message, a description, a comment, an address. It shows a chosen number of lines, scrolls beyond them and can be resized. It has a visible label above, an optional description and, when its value fails validation, an error message under it. One line of text is a Text field.

Playground

HTML 
<div class="ds-textarea" data-size="medium">
  <label
    class="ds-textarea__label"
    data-part="label"
    for="ds-textarea-27"
  >Message</label>
  <textarea
    class="ds-textarea__control"
    data-part="control"
    id="ds-textarea-27"
    rows="3"
  ></textarea>
</div>