H1 H6 - smbc-digital/form-builder GitHub Wiki

Refer to Stockport Design System for styling information and reference images

DSL properties

Property	Type	Required	Default Value	Description
Text	string	✔️	❌	Text value for element
Size	enum	❌	Unspecified	Additional class added if size is specified

Size enum

	Class
Large	govuk-heading-l
Medium	govuk-heading-m
Small	govuk-heading-s

Defaults

When adding a heading if no Size property is provided the defaults listed below will be used, these can be overriden if you provide a Size property

	Class
H1	govuk-heading-l
H2	govuk-heading-m
H3-H6	govuk-heading-s

H1-H6 examples

 {
    "Title": "Enter your street",
    "PageSlug": "street-search",
    "HideTitle": true,
    "Elements": [
     {
            "Type": "H1",
            "Properties": {
              "Text": "This is a H1",
              "Size": "Medium"
            }
          },
          {
            "Type": "H2",
            "Properties": {
              "Text": "This is a H2"
            }
          },
          {
            "Type": "H3",
            "Properties": {
              "Text": "This is a H3"
            }
          },
      ]
    }