Textarea

Generates a textarea with options to control the number of rows (the height) of the element as well as additional help and guidance information.

info

A textarea will default to two rows in height to differentiate themselves from regular text inputs.

My label

Basic usage

Twig

{{
  form.textarea({
    'label': 'My label',
    'id': 'guid-' ~ random(),
    'name': 'textarea-1'
  })
}}

HTML

<div class="form__group">
  <label for="guid-1002650137" class="control__label">My label</label>
  <div class="controls">
    <textarea id="guid-1002650137" name="textarea-1" class="form__control textarea"></textarea>
  </div>
</div>

Helper options

You can configure this helper using the common helper options. The following options are specific to this helper.

Option	Type	Description
rows	integer	The number of horizontal rows of text used to control the height of the input (default 2)

Rows

The height of a textarea can be increased by defining a number of rows that suits your expected input. If you expect a lot of content, provide more rows.

My label

Twig

{{
  form.textarea({
    'label': 'My label',
    'id': 'guid-' ~ random(),
    'name': 'textarea-3',
    'rows': 5
  })
}}

HTML

<div class="form__group">
  <label for="guid-1729276651" class="control__label">My label</label>
  <div class="controls">
    <textarea id="guid-1729276651" name="textarea-3" rows="5" class="form__control textarea"></textarea>
  </div>
</div>