<div class="govuk-form-group govuk-character-count"
    
        
      
    
        
      
    
    
    
   data-module="govuk-character-count" data-maxlength="200">
  <h1 class="govuk-label-wrapper">
    <label class="govuk-label govuk-label--l" for="with-hint">
      Can you provide more detail?
    </label>
  </h1>

  
  
  <div id="with-hint-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 govuk-js-character-count" id="with-hint" name="withHint" rows="5" aria-describedby="with-hint-info with-hint-hint"></textarea>

  <div id="with-hint-info" class="govuk-hint govuk-character-count__message">
    You can enter up to 200 characters
  </div>

</div>

{{ govukCharacterCount({
  "name": "withHint",
  "id": "with-hint",
  "maxlength": 200,
  "label": {
    "text": "Can you provide more detail?",
    "classes": "govuk-label--l",
    "isPageHeading": true
  },
  "hint": {
    "text": "Do not include personal or financial information like your National Insurance number or credit card details"
  }
}) }}