Sha256: 0aabf20087674a64ff1b7af13733eb4019f04aac6863408f1ca4f59caa3a7ad7

Contents?: true

Size: 1.62 KB

Versions: 277

Compression:

Stored size: 1.62 KB

Contents

name: Lead paragraph
description: The opening paragraph of content. Typically a content item’s description field.
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:
      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

277 entries across 277 versions & 1 rubygems

Version Path
govuk_publishing_components-28.9.2 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.9.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.9.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.8.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.8.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.7.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.6.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.5.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.4.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.3.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.2.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.1.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-28.0.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.20.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.19.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.18.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.17.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.16.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.15.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-27.14.2 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml