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"
            }
          },
      ]
    }