1. Demo
  2. Notes
  3. .html
  4. .njk & context
  5. Full Screen ↗

Block

TODO.

<div class="block-type-page-navigation flow">
  <nav class='toc' aria-label='Table of contents'><ul role='list'><li><a href='#events'>Events</a></li><li><a href='#find-your-local-chapter'>Chapters</a></li><li><a href='#become-a-member'>Become a member</a></li><li><a href='#donate'>Donate</a></li></ul></nav>
</div>
{{ c("block", {
  "context": {
    "title": "Text",
    "context": {
      "type": "text",
      "content": "<p class=\"large\">Our movement is made up of people from Canada, Québec, and the many Indigenous nations contained within this territory.</p><p>We come together to win a People’s Agenda— a democratically-designed governing mandate that brings us closer to winning the world we deserve.</p>"
    }
  },
  "type": "page-navigation",
  "content": "<nav class='toc' aria-label='Table of contents'><ul role='list'><li><a href='#events'>Events</a></li><li><a href='#find-your-local-chapter'>Chapters</a></li><li><a href='#become-a-member'>Become a member</a></li><li><a href='#donate'>Donate</a></li></ul></nav>"
}) }}