Looseleaf Framework

Thematic Break 

<p>Praesentium expedita blanditiis voluptatem et ipsa laborum ut in quo. Ipsa et illum enim sed. Placeat eveniet consectetur repellat.</p>
<hr />
<p>Accusamus non odit ea. Aut voluptas veniam unde dicta alias quibusdam. Sint consequuntur eos incidunt.</p>
 
{%- render '@p', paragraphs[0] -%}
<hr />
{%- render '@p', paragraphs[1] -%}
 
{
  "paragraphs": [
    {
      "content": "Praesentium expedita blanditiis voluptatem et ipsa laborum ut in quo. Ipsa et illum enim sed. Placeat eveniet consectetur repellat."
    },
    {
      "content": "Accusamus non odit ea. Aut voluptas veniam unde dicta alias quibusdam. Sint consequuntur eos incidunt."
    }
  ]
}
  • Handle: @thematic-break
  • Preview:
  • Filesystem Path: src/components/elements/thematic-break/thematic-break.njk
  • References (1): @p
  • Referenced by (1): @flow

Thematic Break

The <hr> element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section. An <hr> is displayed as an asterism using CSS generated content.