Sha256: f36f5ae34327a2fce01c8e0ecd2050a99d8c2ddcd64289d327a605934210c925
Contents?: true
Size: 1.86 KB
Versions: 29
Compression:
Stored size: 1.86 KB
Contents
name: Form textarea
description: A textarea field and an associated label
govuk_frontend_components:
- textarea
accessibility_criteria: |
The component must:
- accept focus
- be focusable with a keyboard
- be usable with a keyboard
- be usable with touch
- indicate when they have focus
- be recognisable as form textarea elements
- have correctly associated labels
Labels use the [label component](/component-guide/label).
examples:
default:
data:
label:
text: "Can you provide more detail?"
name: "more-detail"
specific_rows:
description: Textarea with 10 rows
data:
label:
text: "Can you provide more detail?"
name: "more-detail-rows"
rows: 10
with_hint:
data:
label:
text: "Can you provide more detail?"
name: "with-hint"
hint: "Please include as much information as possible."
with_error:
data:
label:
text: "Can you provide more detail?"
name: "more-detail-error"
error_message: "Please could you provide more detail"
with_error_items:
data:
label:
text: "Can you provide more detail?"
name: "more-detail-error"
error_items:
- text: Descriptive link to the question with an error 1
href: '#example-error-1'
- text: Descriptive link to the question with an error 2
href: '#example-error-2'
with_value:
data:
label:
text: "Can you provide more detail?"
name: "more-detail-value"
value: "More detail"
with_extra_elements:
data:
label:
text: "How about a hint below?"
name: "more-elements"
block: |
<span class="govuk-hint">Here's a hint</span>
with_maxlength:
data:
label:
text: "A textarea that doesn't allow many characters"
name: "maxlength"
value: "You can't type more"
maxlength: 19
Version data entries
29 entries across 29 versions & 1 rubygems