SigilGutter
A SigilGutter component from the Sigil design system.
Import
import { SigilGutter, SigilPageGrid, SigilFrame, SigilFullBleed } from "@sigil-ui/components";Preview
Usage
<SigilGutter>...</SigilGutter>Sub-components
This component includes the following parts:
<SigilPageGrid><SigilFrame><SigilFullBleed>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
showGrid | boolean | — | — |
gridCell | number | — | — |
pattern | GutterPattern | — | — |
side | PatternSide | — | — |
visible | boolean | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-grid-line-color | Grid line color |
--s-border-muted | Border muted |
--s-gutter-border | Gutter border |
--s-border-width-thin | Border width thin |
--s-border-style | Border style |
--s-background | Background |
--s-margin-border | Margin border |
--s-page-margin | Page margin |
--s-content-max | Content max |