Skip to content

Textarea

lallysmbc edited this page Mar 19, 2021 · 11 revisions

Refer to Stockport Design System for styling information and reference images

DSL properties

Property Type Required Default Value Description
QuestionId string ✔️ Unique question id allowed charatcers are [a-zA-Z] only
Label string ✔️ Label associated with the question
StrongLabel bool true Display label strongly
LabelAsH1 bool false Display Label as h1 not a label (if this is set to true, HideTitle in the Page properties should also be set to true)
CustomValidationMessage string Set a custom validation message for when user doesn't complete the input
Hint string Hint which appears above the input
IAG string Inset text to appear below the Label. NOTE: Do not use both Hint and IAG, use only one
MaxLength int 200 The maximum length of the input value
Optional bool false
TargetMapping string TargetMapping
DisplayCharacterCount bool false Displays a countdown of the remaining characters available
Spellcheck bool true Can be used to enable browser spellchecking (refer to Govuk Design System for when to use this)

Textarea examples

DS Json for textarea:

  {
    "Type": "Textarea",
    "Properties": {
      "Label": "Enter your issue",
      "LabelAsH1": true,
      "QuestionId": "issueOne",
      "CustomValidationMessage": "Custom validation message",
      "Hint": "Hint text",
      "MaxLength": "2000",
      "Optional": true,
      "DisplayCharacterCount": true
    }
  }
Clone this wiki locally