1. Static Component Guide
  2. Govspeak content
  3. Footnotes

Govspeak content example

Footnotes

How to call this example

<%= render "govuk_component/govspeak" {
  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>
    "
} %>

How it looks

This is a text with a footnote1.

  1. And here is the definition.