Skip to content

Textarea

lallysmbc edited this page Aug 20, 2020 · 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
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

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