Section

Group related content with token-based spacing.

@sigil-ui/componentsReact

Preview

import { Section } from "@sigil-ui/components";

<Section>
    Section content
  </Section>

Prop	Type	Default	Description
`gutter`	`"none" \| "sm" \| "md" \| "lg"`	`md`	Horizontal padding / gutter.
`maxWidth`	`string`	—	Max width constraint.
`as`	`ElementType`	`section`	Render as a different element.

CSS Variable	Purpose
`--s-content-max`	Content max

PageShell

Top-level `<main>` wrapper that centers content with token-driven max-width. Use `inset` for full-bleed tool layouts inside an AppShell.

SectionDivider

Separate page sections with a structural band.