1 viewer
Back to Components
Component · Content

InfoCard

Small bordered card with optional uppercase eyebrow, strong title, and body content.

Category
Content
Slots
4
States
0
Writer
Legacy
cre8.primitive.info-card

Preview

Live renderLegacy writer: InfoCard
Native witness metadata bound; publish handoff released.
<InfoCard eyebrow="TELEMETRY" title="Witness Bound">
  <Text text="Native witness metadata bound; publish handoff released." />
</InfoCard>

Variants

States and intents

Standard Surface

Surface container with default background and subtle border.
Accent-backed card for system status notifications.

Anatomy

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

SlotDOM class
root.primitive-info-card
eyebrow—
title—
body—
4 rows

States and platforms

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

States
No published states
Platforms
web
Recipes
unstyledruntime-console

Renderers

Legacy writer
InfoCard has no shared writer yet: the server renders it through its legacy path, which the WASM DOM does not share.

The example above still needs shared writers for: InfoCard.

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

TargetRendererStatus
webreactexperimental
1 row

Accessibility

Renders an inline informational callout; consumers supply the accessible name via title or aria-label.

  • Eyebrow text is decorative; the title carries the semantic label.