Govspeak content example

Footnotes

How it looks (preview)

This is a text with a footnote¹.

1. And here is the definition. ↩

2. https://www.ons.gov.uk/peoplepopulationandcommunity/birthsdeathsandmarriages/deaths/datasets/weeklyprovisionalfiguresondeathsregisteredinenglandandwales ↩

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <p>This is a text with a footnote<sup id="fnref:1a"><a href="#fn:1a" class="footnote">1</a></sup>.</p>

<div class="footnotes">
  <ol>
    <li id="fn:1a">
      <p>And here is the definition. <a href="#fnref:1a" class="reversefootnote">&#8617;</a></p>
    </li>
    <li id="fn:2">
      <a href="https://www.ons.gov.uk/peoplepopulationandcommunity/birthsdeathsandmarriages/deaths/datasets/weeklyprovisionalfiguresondeathsregisteredinenglandandwales" class="govuk-link">https://www.ons.gov.uk/peoplepopulationandcommunity/birthsdeathsandmarriages/deaths/datasets/weeklyprovisionalfiguresondeathsregisteredinenglandandwales</a>
      <a href="#fnref:2" class="govuk-link">↩</a>
    </li>
  </ol>
</div>
<% end %>