Skip to main content
  1. X-GOVUK projects
  2. GOV.UK Components
  3. Section break

Section break

Use a section break component when you want to create a thematic break between sections of content.

Section break with a visible separator line

Input

= govuk_section_break(visible: true)
<%= govuk_section_break(visible: true) %>

Output

<hr class="govuk-section-break govuk-section-break--visible">

Section break with a visible separator line and an extra large margin

Input

= govuk_section_break(visible:true, size: "xl")
<%= govuk_section_break(visible:true, size: "xl") %>

Output

<hr class="govuk-section-break govuk-section-break--xl govuk-section-break--visible">