Reserve a consistent gap between structural regions.
import { Gutter } from "@sigil-ui/components";
<div className="w-full"><p>First section</p><Gutter className="bg-[var(--s-surface)]" /><p>Next section</p></div>
size
"xs" | "sm" | "md" | "lg" | "xl"
md
SigilViewCode
Toggle between a live demo and the source code that produced it.
HRule
Separate adjacent content with a horizontal rule.