Design System

      Section Break

      Figma LibraryLocal HTMLGlobal HTMLReact
      considering
      stable
      beta
      beta

      You can use the Section Break component to create a thematic break between sections of content. The section break has modifiers for different size margins.

      <hr
  class="gi-section-break-md"
  data-testid="govie-section-break"
/>

      {{ govieSectionBreak({
  "size": "md"
}) }}

      import { SectionBreak } from "@govie-ds/react";

<SectionBreak size="md" />