Sha256: 30ab631f684a78714a3f50caea05283e727ea5409a535ef651ddb5338ae964cd
Contents?: true
Size: 1.44 KB
Versions: 20
Compression:
Stored size: 1.44 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
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>
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
20 entries across 20 versions & 1 rubygems