1 viewer
Component · Content
InfoCard
Small bordered card with optional uppercase eyebrow, strong title, and body content.
- Category
- Content
- Slots
- 4
- States
- 0
- Writer
- Legacy
Preview
Native witness metadata bound; publish handoff released.
<InfoCard eyebrow="TELEMETRY" title="Witness Bound"> <Text text="Native witness metadata bound; publish handoff released." /> </InfoCard>
Variants
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.
| Slot | DOM class |
|---|---|
| root | .primitive-info-card |
| eyebrow | — |
| title | — |
| body | — |
States and platforms
The states the contract publishes, the platforms it declares, and the style recipes that dress it.
States
Platforms
Recipes
Renderers
The example above still needs shared writers for: InfoCard.
Declared adapters. A status is the manifest's declaration, not a measured parity result.
| Target | Renderer | Status |
|---|---|---|
| web | react | experimental |
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.