Component
Inset text
Use the inset text component to differentiate a block of text from the content that surrounds it.
How it looks (preview) (preview all)
It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.
How to call this component
<%= render "govuk_publishing_components/components/inset_text", {
text: "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
} %>GOV.UK Design System
This component incorporates components from the GOV.UK Design System:
Accessibility acceptance criteria
All text must have a contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA
Other examples
With block (preview)
Note that the contents should be styled separately from the component, which takes no responsibility for what it is passed.
To publish this step by step you need to
Check for broken links<%= render "govuk_publishing_components/components/inset_text", {
} do %>
<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>
<% end %>