Primitive

Section

Titled section primitive for content groups inside panels, pages, and docs.

Use Section when the group needs a heading and body but not its own surface treatment.
layout
DOM renderImage render
SectionDefault

Inputs

Local grouping inside a panel.
The section owns hierarchy, not chrome.

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Titled group without a new surface.

Inputs

Local grouping inside a panel.
The section owns hierarchy, not chrome.
Render state

Separated

Separated body for denser product settings.

Status

Ready2 checks passed
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
titleReactNode-Section title.
descriptionReactNode-Optional supporting copy.
separatedboolean-Adds a boundary before the body.
childrenReactNode-Section body content.