PageShell
Top-level `<main>` wrapper that centers content with token-driven max-width. Use `inset` for full-bleed tool layouts inside an AppShell.
Import
import { PageShell } from "@sigil-ui/components";Usage
<PageShell>...</PageShell>Props
| Prop | Type | Default | Description |
|---|---|---|---|
narrow | boolean | — | Constrain width further for reading-optimized layouts. |
inset | boolean | — | Full-width inset mode — no outer padding, fills parent with flex-1. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-content-max-width | Content max width |
--s-content-narrow-width | Content narrow width |