Sha256: f829ab9cfc085aa1aed6baf6dc9a4291fba55a52d7189ef0ed6075e66d1e8bda

Contents?: true

Size: 1.18 KB

Versions: 403

Compression:

Stored size: 1.18 KB

Contents

name: Warning text
description: |
  Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.
govuk_frontend_components:
  - warning-text
accessibility_criteria: |
  All text must have a contrast ratio higher than 4.5:1 against the background colour to meet [WCAG AA](https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast)
examples:
  default:
    data:
      text: "You can be fined up to £5,000 if you don’t register."
  custom_assistive_text:
    data:
      text_assistive: "Danger"
      text: "You can be fined up to £5,000 if you don’t register."
  custom_icon_text:
    data:
      text_icon: "£"
      text: "You can be fined up to £5,000 if you don’t register."
  without_icon:
    data:
      text_icon: ""
      text: "You can be fined up to £320 if you don't register."
  with_larger_font:
    data:
      text: "This content was updated on the 24th of November 2018"
      large_font: true
  with_red_font:
    data:
      text: "This content has changed"
      highlight_text: true
  as_a_heading:
    data:
      text: "This is a heading 3"
      heading_level: 3

Version data entries

403 entries across 403 versions & 1 rubygems

Version Path
govuk_publishing_components-47.0.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-46.4.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-46.3.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-46.3.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-46.2.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-46.1.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-46.0.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.10.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.9.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.8.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.7.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.6.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.6.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.5.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.4.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.4.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.3.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.2.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.1.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-45.0.0 app/views/govuk_publishing_components/components/docs/warning_text.yml