1 viewer
Back to Components
Component · Content

Text

Text span that can carry semantic tone without a visual dependency.

Category
Content
Slots
1
States
0
Writer
Shared
cre8.primitive.text

Preview

Live renderShared SSR + WASM writers

Heading 3 Typography

Standard body paragraph copy with semantic contrast and typographic scale.

const runtime = cre8.bootstrap();
<Container>
  <Text text="Heading 3 Typography" variant="h3" />
  <Text
    text="Standard body paragraph copy with semantic contrast and typographic scale."
    variant="p"
  />
  <Text text="const runtime = cre8.bootstrap();" variant="code" />
</Container>

Variants

States and intents

H3 Section Title

Standard body text paragraph rendered with primary contrast.

Muted metadata footnote or caption label.const witness = cre8.resolveReceipt(hash);

Anatomy

The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.

SlotDOM class
root—
1 row

States and platforms

The states the contract publishes, the platforms it declares, and the style recipes that dress it.

States
No published states
Platforms
webnativeruntime-node
Recipes
unstyledruntime-console

Renderers

Shared writer
Text renders through the one writer the server and the WASM DOM share, so both emit the same markup.

Every tag in the example above renders through a shared writer.

Declared adapters. A status is the manifest's declaration, not a measured parity result.

TargetRendererStatus
webreactexperimental
runtime-nodeview-nodeready
ssrhtml-semanticready
terminalterminal-textplanned
nativenative-adapterexperimental
5 rows

Accessibility

Preserves semantic text tags and content fallback without depending on recipe styling.

  • Heading-style variants must render an actual heading tag or an explicit semantic override.
  • Legacy text props and children should resolve to one readable text output, not duplicate copy.