Govspeak content: Footnotes

To display long form text which has been converted from Govspeak

Govspeak is GOV.UK’s extension of Markdown.

This component has no control over markup, which is passed in to the component pre-generated. It only applies CSS/JS.

It applies styling to standard Markdown content, eg; paragraphs, headings and lists. It also applies styling to Govspeak specific markup, like callouts, contacts and highlights.

In addition to styling, it also applies some Javascript behaviours.

How to call this component

<%= render partial: 'govuk_component/govspeak', locals: { content: "<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> </ol> </div> ", govspeak: null } %>

How this component looks

This is a text with a footnote1.

  1. And here is the definition.