InsetText

Default

Svelte code

<script>
	import { InsetText } from '@danboscaro/govuk-svelte'
</script>

<InsetText {...{
  text: "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
}} />

With html

Svelte code

<script>
	import { InsetText } from '@danboscaro/govuk-svelte'
</script>

<InsetText {...{
  html: "<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-warning-text__assistive\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n"
}} />