Design System / Modules

Content

standardContentshared

A freeform stack of content blocks — add text (any size) and image frames in any order, with an optional CTA.

Demo

Title
Extra Large Text StyleLarge Text StyleMedium Text StyleSmall Text Style

Source

The rendered structure, live from the demo above — hover a row to highlight the element in the demo.

Waiting for the demo to render…

Colour Mapping

Every colour token this module consumes, resolved under the active profile — neutral · light · brand default. Switch the profile above the demo to remap.

--module-surface-raised

Token contract

SEMANTIC SLOTS

--module-surface-raised

LAYOUT & TYPE

--radius-3

Anatomy

LAYERS

Content ModuleModuleShell · card
Module HeaderRow
Module TitleRadix Text
Content BlocksColumn (ordered children)
ImageAspect Ratio (1:1)
TextRadix Text (per block, own size)
Module CTACtaRow (label + arrow) · optional

RADIX COMPONENTS

AspectRatioBoxFlexText

SHARED COMPOSITES

None — self-contained.

Fields

The client-editable schema (builder-kit/lib/fields.ts) — what the Builder's fields rail and the Portal Builder expose. Defaults are the sample props the demo renders with.

No schema-driven fields — this module uses a bespoke editor (Content).

Registry

Filemodules/shared/ContentModule/ContentModule.tsx
ComponentContentModule
Tier / groupstandard · shared
Statusbuilt
Client referencescnx