Sha256: 0ce8199c756c47a0b316a29f2a3a8a1938dec20dd883e2cdec3a861192fe04c5
Contents?: true
Size: 1.41 KB
Versions: 191
Compression:
Stored size: 1.41 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
191 entries across 191 versions & 1 rubygems