Section
Full-width page band with vertical rhythm, an optional heading block and a container. tone="dark" pins its own theme.
import { Section } from "pleate/section";Dark and tinted bands
New
A dark band on any page.
tone="dark" pins the theme for this section only: tokens, palette and components follow.
Tinted band
Uses the palette's soft accent.
Props
- tone
Background; dark/light set data-theme.
"default" | "surface" | "muted" | "accent-soft" | "dark" | "light"default "default"- spacing
Vertical padding.
"none" | "sm" | "md" | "lg"default "md"- eyebrow / title / description
Heading block.
ReactNode- align
Heading alignment.
"start" | "center"default "start"- size
Inner container width.
Container size | "none"default "xl"