Sha256: 84f5f030aac7efd49903df591750fb00c009d2b38fddef0e8eac01edff807132

Contents?: true

Size: 1.1 KB

Versions: 171

Compression:

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

Version data entries

171 entries across 171 versions & 1 rubygems

Version Path
govuk_publishing_components-21.36.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.36.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.35.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.34.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.34.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.33.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.32.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.31.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.30.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.29.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.29.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.28.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.28.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.27.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.27.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.26.2 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.26.1 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.26.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.25.0 app/views/govuk_publishing_components/components/docs/warning_text.yml
govuk_publishing_components-21.24.0 app/views/govuk_publishing_components/components/docs/warning_text.yml