1 viewer
Component · Input
Action
Button-like action that can navigate to views or invoke runtime connections.
- Category
- Input
- Slots
- 3
- States
- 2
- Writer
- Shared
Preview
<Row gap="12px">
<Action href="/view" intent="primary" label="View Documentation" />
<Action
href="/view/components"
intent="ghost"
label="Inspect Components"
/>
</Row>Variants
Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .primitive-action |
| label | — |
| result | — |
- Hydration markers
- data-cre8-control
States and platforms
The states the contract publishes, the platforms it declares, and the style recipes that dress it.
States
Platforms
Recipes
Renderers
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.
| Target | Renderer | Status |
|---|---|---|
| web | react | experimental |
| runtime-node | view-node | ready |
| ssr | html-form-control | ready |
| terminal | terminal-action | planned |
| native | native-adapter | experimental |
Accessibility
Keeps native button semantics for navigation and connection triggers, and upgrades inline forms to dialog semantics.
- Actions with form fields expose an accessible dialog name and labelled fields.
- Connection success and failure states announce through status and alert semantics.