Stack content and group titled sections

At a glanceCopy Anchor Link

• Who: Developers laying out kit pages without raw divs.
• What: Gap-based vertical/horizontal stacks plus titled sections.
• Use when: For all kit-page layout instead of hand-written flex.
• Avoid when: For complex grids — use CSS grid directly instead.
• See also: Render headings and body text without raw tags, Group content in a card section

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Section, Stack } from "@zedtech/zedkit-ui";
<Section title="Team" description="Who can access.">
<Stack direction="horizontal" gap={2}>...</Stack>

Wraps: none (flex/gap utilities over Heading, Text)

PropsCopy Anchor Link