Panel

A sectioned content container on the sunk surface, lighter-weight than Card — use it to group related content into labelled page sections. Pass a title to render a header bar; the section is then exposed as a named region (labelled by the heading). Optional description and actions sit in the same bar. Control density with padding. Forwards its ref to the host <section>.

Untitled — bare grouping

With no title there is no header bar and the element stays a plain section — useful when the surrounding context already provides a heading.

Titled

Enforcement rules

104 OCSS rule categories route between native providers and Phosra services at the moment of enforcement.

Title + description

Trust framework

How signals move and who is trusted — the routing layer under OCSS.

Carries OCSS Rules as typed payloads inside a two-layer signed envelope.

With header actions

Compliance readiness

Mapped to the laws in the registry.

Two of three checks passing.

Padding density

Default

Roomy padding for grouped prose sections.

Compact

Tighter padding for dense lists and tables.

None

With padding="none" the body has no inset — control it yourself, e.g. for edge-to-edge tables.

Heading level (titleAs)

Nested section

Renders an h3 to fit the document outline.

Use a lower level when the panel sits under another heading.