Section Stack

Coordinate spacing and dividers between adjacent sections.

Import

import { SectionStack, Section } from "@puzzle-ui/ui";

Adjacent direct Sections with matching themes receive compact adjoining spacing. divideY adds dividers between sections.

Prop	Type	Default	Description
`children`	`ReactNode`	Required	Prefer direct Section children.
`divideY`	`boolean`	-	Add dividers after non-final sections.
`className`	`string`	-	Root class.

Other children render unchanged, but interrupt same-theme adjacency. Wrapping a Section in another component prevents direct-child coordination.

Scroll Area

Create accessible, theme-aware scrollable regions with native browser scrolling.

Section

Theme-aware page sections with consistent content spacing.