{{ aspExample({ code: "<div class=\"form__group\" id=\"textarea-example-1\">
<label class=\"form__label\" for=\"textarea-example-1-textarea\">Description</label>
<textarea class=\"form__textarea\" id=\"textarea-example-1-textarea\" name=\"text-area\" rows=\"4\" maxlength=\"3000\" data-countdown></textarea>
<p id=\"textarea-example-1-textarea-countdown\">You can enter up to 3000 characters</p>
</div>", nunjucks: "", json: "", title: "", example: "", id: "65a930c3a12d6" }) }}
When JavaScript is enabled, the message should be “You have XX characters remaining”. This will react to interactions / prepopulated content on page load. Default (JavaScript disabled) message “You can enter up to XX characters”.
WIP – Not just adding the readonly attribute but the className .form__textarea–readonly
{{ aspExample({ code: "<div class=\"form__group\" id=\"textarea-example-readonly\">WIP – Placeholder text is not a suitable substitute for a label, as it disappears when users click inside the textarea.
When there is a large amount of textual content.
This component can be added within a conditional question.
WIP – Default amount of of rows: 4
Use a text input if the field should be one single line.
The below criteria all need to be met for a component to be considered as fully developed for use within the ASP Digital Design System.