1 viewer
Component · Input
DynamicForm
Schema-driven form renderer for runtime connection payloads.
- Category
- Input
- Slots
- 5
- States
- 2
- Writer
- Legacy
Preview
<DynamicForm
fields={[
{
defaultValue: "Position.Submit",
label: "Connection",
name: "connection",
required: true
},
{ defaultValue: 100, label: "Volume (C8)", name: "volume", type: "number" },
{
defaultValue: true,
label: "Immediate execution",
name: "immediate",
type: "checkbox"
}
]}
submitLabel="Dispatch Connection"
/>Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .primitive-dynamic-form |
| field | — |
| control | — |
| error | — |
| footer | — |
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: DynamicForm.
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-text | planned |
| native | native-adapter | experimental |
Accessibility
Renders labelled controls from field metadata and validates JSON/number inputs before submit.
- Each control has a visible label.
- Validation errors use alert semantics.