Add examples of label and fieldset text size, independent of page hea…

…ding
alphagov · Jun 13, 2022 · efbaa69 · efbaa69
1 parent 9e834a4
commit efbaa69
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/src/govuk/components/fieldset/fieldset.yaml b/src/govuk/components/fieldset/fieldset.yaml
@@ -50,6 +50,26 @@ examples:
   data:
     legend:
       text: What is your address?
+- name: styled as xl text
+  data:
+    legend:
+      text: What is your address?
+      classes: govuk-fieldset__legend--xl
+- name: styled as large text
+  data:
+    legend:
+      text: What is your address?
+      classes: govuk-fieldset__legend--l
+- name: styled as medium text
+  data:
+    legend:
+      text: What is your address?
+      classes: govuk-fieldset__legend--m
+- name: styled as small text
+  data:
+    legend:
+      text: What is your address?
+      classes: govuk-fieldset__legend--s
 - name: as page heading xl
   data:
     legend:

diff --git a/src/govuk/components/label/label.yaml b/src/govuk/components/label/label.yaml
@@ -32,6 +32,22 @@ examples:
     data:
       classes: govuk-label--s
       text: National Insurance number
+  - name: styled as xl text
+    data:
+      text: National Insurance number
+      classes: govuk-label--xl
+  - name: styled as large text
+    data:
+      text: National Insurance number
+      classes: govuk-label--l
+  - name: styled as medium text
+    data:
+      text: National Insurance number
+      classes: govuk-label--m
+  - name: styled as small text
+    data:
+      text: National Insurance number
+      classes: govuk-label--s
   - name: as page heading xl
     data:
       text: National Insurance number