Sha256: db9e62f01205175431ec6154ce63573d57ceef3288180890dfd2ae9f42e61458

Contents?: true

Size: 1.63 KB

Versions: 198

Compression:

Stored size: 1.63 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

198 entries across 198 versions & 1 rubygems

Version Path
govuk_publishing_components-45.7.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.6.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.6.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.5.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.4.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.4.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.3.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.2.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.1.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-45.0.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.11.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.10.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.9.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.9.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.8.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.7.1 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.7.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.6.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.5.0 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml
govuk_publishing_components-44.4.2 app/views/govuk_publishing_components/components/docs/lead_paragraph.yml