1 viewer
Component · Data
CatalogTile
Generic catalog row tile with title, subtitle, badge strip, chip strip, and optional activation handler.
- Category
- Data
- Slots
- 7
- States
- 1
- Writer
- Legacy
Preview
<CatalogTile badge="L1 Proof" description="High-throughput deterministic WASM/RISC-V container." href="#" price="50 C8/hr" title="Compute Shard v2" />
Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .primitive-catalog-tile |
| badges | — |
| badge | — |
| title | — |
| subtitle | — |
| chips | — |
| chip | — |
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: CatalogTile.
Declared adapters. A status is the manifest's declaration, not a measured parity result.
| Target | Renderer | Status |
|---|---|---|
| web | react | experimental |
Accessibility
Renders as a button when onActivate is set so keyboard activation works; otherwise renders as a non-interactive container.
- Interactive tiles expose button semantics with the title as the accessible name.
- Badges carry `data-tone` so themes can target them without reading the label text.