Sha256: 9e560dee591f049319b6c6d911d726528849c502bda2ff2209c72938c421fabc
Contents?: true
Size: 1.39 KB
Versions: 7
Compression:
Stored size: 1.39 KB
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>
with_custom_margins:
description: The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having margin of 6 (30px) top and bottom.
data:
text: "When a failure occurs, you must submit logbook, landing and transhipment data manually to the UK Fisheries Call Centre each day and by no later than 23.59 UTC"
margin_top: 0
margin_bottom: 9
Version data entries
7 entries across 7 versions & 1 rubygems