Sha256: ec92f9974575ae69557ef2037b721f07aafedf558572a671c6c9d3512686af9c

Contents?: true

Size: 861 Bytes

Versions: 200

Compression:

Stored size: 861 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 id='heading'>To publish this step by step you need to</h2>
          <a href='/foo'>Check for broken links</a>
        </div>

Version data entries

200 entries across 200 versions & 1 rubygems

Version Path
govuk_publishing_components-24.12.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.11.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.11.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.10.3 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.10.2 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.10.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.10.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.9.4 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.9.3 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.9.2 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.9.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.9.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.8.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.7.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.7.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.6.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.6.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.5.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.4.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-24.4.0 app/views/govuk_publishing_components/components/docs/inset_text.yml