Sha256: 771117ffda027114dddebb4283b5a0b1186780bc0a92a1c79106c5ee4c6278c4

Contents?: true

Size: 904 Bytes

Versions: 77

Compression:

Stored size: 904 Bytes

Contents

name: Inset text
description: Use the inset text component to differentiate a block of text from the content that surrounds it.
govuk_frontend_components:
  - inset-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: "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."

  with_block:
    description: |
      Note that the contents should be styled separately from the component, which takes no responsibility for what it is passed.
    data:
      block: |
        <div>
          <h2 class="govuk-heading-m" id='heading'>To publish this step by step you need to</h2>
          <a class="govuk-link" href='/foo'>Check for broken links</a>
        </div>

Version data entries

77 entries across 77 versions & 1 rubygems

Version Path
govuk_publishing_components-28.5.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-28.4.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-28.3.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-28.2.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-28.1.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-28.0.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.20.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.19.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.18.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.17.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.16.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.15.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.14.2 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.14.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.14.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.13.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.12.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.11.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.10.5 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-27.10.4 app/views/govuk_publishing_components/components/docs/inset_text.yml