From efbaa6909f0ed81e7d5e865b995b0b04f50b4ce6 Mon Sep 17 00:00:00 2001 From: Vanita Barrett-Smith Date: Mon, 13 Jun 2022 17:00:46 +0100 Subject: [PATCH] Add examples of label and fieldset text size, independent of page heading --- src/govuk/components/fieldset/fieldset.yaml | 20 ++++++++++++++++++++ src/govuk/components/label/label.yaml | 16 ++++++++++++++++ 2 files changed, 36 insertions(+) diff --git a/src/govuk/components/fieldset/fieldset.yaml b/src/govuk/components/fieldset/fieldset.yaml index eadfe2fa95..1b989233ce 100644 --- 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 index 50e7049777..dae503a454 100644 --- 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