In Review

Section Break

Variants

Default


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" />

Usage

Best Practices

When to use this component

When not to use this component

Status

Figma Library
Considering
Local HTML
Stable
Global HTML
Beta
Global React
Beta