GOVUK Textarea

An example of the govuk textarea component.

Open example in new window
HTML 



<div class="govuk-form-group">
  <label class="govuk-label" for="more-detail">
  Can you provide more detail?
</label>



  <div id="more-detail-hint" class="govuk-hint">
  Do not include personal or financial information, like your National Insurance number or credit card details.
</div>


  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-hint"></textarea>
</div>
Jinja 
{% from "govuk_frontend_jinja/components/textarea/macro.html" import govukTextarea -%}
{{ govukTextarea({
    "name": "more-detail",
    "id": "more-detail",
    "label": {
      "text": "Can you provide more detail?"
    },
    "hint": {
      "text": "Do not include personal or financial information, like your National Insurance number or credit card details."
    }
}) }}