Sha256: 8a79216914663b82bf5556875968e3d4dcb3608d5b7ca8bfabe6fb5f23c542b5

Contents?: true

Size: 1.32 KB

Versions: 33

Compression:

Stored size: 1.32 KB

Contents

name: Phase banner
description: |
  A banner that indicates content is in a certain phase (usually alpha or beta), with an optional explanation
accessibility_criteria: |
  The label must:

  - have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA
shared_accessibility_criteria:
  - link
examples:
  default:
    data:
      phase: alpha
  beta_banner:
    data:
      phase: beta
  with_message:
    data:
      phase: beta
      message: This is an optional different message to explain what the state means in this
        context which can take <a class="govuk-link" href='https://www.gov.uk'>HTML</a>
  with_app_name:
    data:
      app_name: Skittles Maker
      phase: beta
  inverse_for_blue_background:
    data:
      phase: beta
      inverse: true
    context:
      dark_background: true
  inverse_for_blue_background_with_app_name:
    data:
      app_name: Skittles Maker
      phase: beta
      inverse: true
    context:
      dark_background: true
  without_ga4_tracking:
    description: |
      Disables GA4 tracking on the banner. Tracking is enabled by default. This includes link tracking on the component itself, and allows pageviews to record the presence of the banner on page load.
    data:
      app_name: Skittles Maker
      phase: beta
      inverse: true
      disable_ga4: true

Version data entries

33 entries across 33 versions & 1 rubygems

Version Path
govuk_publishing_components-46.0.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.10.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.9.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.8.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.7.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.6.1 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.6.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.5.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.4.1 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.4.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.3.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.2.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.1.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-45.0.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-44.11.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-44.10.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-44.9.1 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-44.9.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-44.8.0 app/views/govuk_publishing_components/components/docs/phase_banner.yml
govuk_publishing_components-44.7.1 app/views/govuk_publishing_components/components/docs/phase_banner.yml