Sha256: b3328b7ed4f45bd3fbc55d7e9b87e8f318eca9b0861b4b2485c3338ac3f6aae8
Contents?: true
Size: 1.68 KB
Versions: 17
Compression:
Stored size: 1.68 KB
Contents
name: Lead paragraph
description: The opening paragraph of content. Typically a content item’s description field.
uses_component_wrapper_helper: true
accessibility_criteria: |
The lead paragraph must be visually distinct from other paragraphs.
The lead paragraph must have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA (this especially applies when [placed on a darker background](/component-guide/lead_paragraph/on_topic_page)).
examples:
default:
data:
text: 'UK Visas and Immigration is making changes to the Immigration Rules affecting various categories.'
right_to_left:
data:
dir: 'rtl'
text: 'قرارات تحقيقات وزارة الدفاع في الانتهاكات المزعومة للمادة ٢ والمادة ٣ من المعاهدة الاوروبية لحقوق الانسان خلال العمليات العسكرية في العراق.'
context:
right_to_left: true
on_topic_page:
description: Lead paragraphs need to support being placed on a blue background to work with the new taxonomy topic page designs
data:
text: Schools and academies, further and higher education, apprenticeships and other skills training, student funding, early years.
inverse: true
context:
dark_background: true
custom_margin_bottom:
description: The component accepts a number for margin bottom from `0` to `9` (`0px` to `60px`) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having a margin bottom of `45px`.
data:
text: This is some example text for a lead paragraph
margin_bottom: 6
Version data entries
17 entries across 17 versions & 1 rubygems