Skip to content

Commit

Permalink
Textarea - Close codeblocks
Browse files Browse the repository at this point in the history
  • Loading branch information
Dave House authored and igloosi committed Sep 28, 2018
1 parent 6e92ebb commit 49d544e
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/components/textarea/index.md.njk
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Don’t use the textarea component if you need to let users enter shorter answer

There are 2 ways to use the textarea component. You can use HTML or, if you’re using [Nunjucks](https://mozilla.github.io/nunjucks/) or the [GOV.UK Prototype Kit](https://govuk-prototype-kit.herokuapp.com), you can use the Nunjucks macro.

{{ example({group: "components", item: "textarea", example: "default", html: true, nunjucks: true, open: true, size: "m"}) }}
{{ example({group: "components", item: "textarea", example: "default", html: true, nunjucks: true, open: false, size: "m", id: "default-2"}) }}

### Label textareas

Expand All @@ -35,7 +35,7 @@ Labels must be aligned above the textarea they refer to. They should be short, d

Make the height of a textarea proportional to the amount of text you expect users to enter. You can set the height of a textarea by by specifying the `rows` attribute.

{{ example({group: "components", item: "textarea", example: "specifying-rows", html: true, nunjucks: true, open: true, size: "l"}) }}
{{ example({group: "components", item: "textarea", example: "specifying-rows", html: true, nunjucks: true, open: false, size: "l"}) }}

### Don’t disable copy and paste

Expand All @@ -45,7 +45,7 @@ Users will often need to copy and paste information into a textarea, so you shou

Error messages should be styled like this:

{{ example({group: "components", item: "textarea", frontendComponentName: "input", example: "error", html: true, nunjucks: true, closed: true, size: "l"}) }}
{{ example({group: "components", item: "textarea", frontendComponentName: "input", example: "error", html: true, nunjucks: true, open: false, size: "l"}) }}

Make sure errors follow the guidance in [error message](/components/error-message/) and have specific error messages for specific error states.

Expand Down

0 comments on commit 49d544e

Please sign in to comment.