Textarea

The Textarea component is a form field that allows users to enter multiple lines of text.

Usage guidance

When not to use

Do not use a textarea to ask users for information they might be unfamiliar with, such as the type of heating system in their home. In such cases, it is better to provide users with a list of options from which they can select.

Example

Description (required)

Tell us a bit more about your enquiry

Do not include personal or financial information.

HTML

<div class="form-group mb-4">
  <label for="exampleFormControlTextarea1" class="form-label">Description (required)</label>
  <textarea class="form-control" id="exampleFormControlTextarea1" rows="5"></textarea>
</div>

<div class="form-group">
  <label for="exampleFormControlTextarea2" class="form-label">Tell us a bit more about your enquiry</label>
  <div id="passwordHelpBlock" class="form-text">
    Do not include personal or financial information.
  </div>
  <textarea class="form-control" id="exampleFormControlTextarea2" rows="5"></textarea>
</div>