1 viewer
Component · Input
Input
Accessible text entry with validation and description wiring.
- Category
- Input
- Slots
- 5
- States
- 4
- Writer
- Shared
Preview
Enter a component name or connection identifier.
<Input default="Table" description="Enter a component name or connection identifier." label="Query String" name="search_query" placeholder="e.g. Protocol.Ingest" />
Variants
Description remains visible with an error.Choose a different value.
Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .primitive-input |
| label | — |
| control | — |
| description | — |
| error | — |
- 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-form-control | planned |
| native | native-adapter | experimental |
Accessibility
Labels, descriptions, and errors are programmatically connected.
- Controls have a stable accessible name.
- Errors use aria-invalid and alert semantics.