diff --git a/src/components/character-count/__snapshots__/template.test.js.snap b/src/components/character-count/__snapshots__/template.test.js.snap index 7da36b0f43..44c2e69cff 100644 --- a/src/components/character-count/__snapshots__/template.test.js.snap +++ b/src/components/character-count/__snapshots__/template.test.js.snap @@ -7,6 +7,12 @@ exports[`Character count when it includes a hint renders with hint 1`] = ` > It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’. + + You can enter up to characters + `; diff --git a/src/components/character-count/_character-count.scss b/src/components/character-count/_character-count.scss index 9e1fddc397..4cfa073d3f 100644 --- a/src/components/character-count/_character-count.scss +++ b/src/components/character-count/_character-count.scss @@ -8,6 +8,7 @@ @include govuk-exports("govuk/component/character-count") { .govuk-character-count { + .govuk-form-group, .govuk-textarea { margin-bottom: govuk-spacing(1); } diff --git a/src/components/character-count/template.njk b/src/components/character-count/template.njk index b96a8121a4..e74c7dabbf 100644 --- a/src/components/character-count/template.njk +++ b/src/components/character-count/template.njk @@ -30,4 +30,7 @@ errorMessage: params.errorMessage, attributes: params.attributes }) }} + + You can enter up to {{ params.maxlength or params.maxwords }} {{'words' if params.maxwords else 'characters' }} +