Sha256: a993ef1c23b0852bcfe07f8541545afb04a626434e86613e5c8bff00cb7dce05

Contents?: true

Size: 940 Bytes

Versions: 4

Compression:

Stored size: 940 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
uses_component_wrapper_helper: true
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

4 entries across 4 versions & 1 rubygems

Version Path
govuk_publishing_components-51.1.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-51.0.0 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-50.0.1 app/views/govuk_publishing_components/components/docs/inset_text.yml
govuk_publishing_components-50.0.0 app/views/govuk_publishing_components/components/docs/inset_text.yml