1 viewer
Back to Components
Component · Input

TextField

Named text-entry alias with secure and multiline runtime modes.

Category
Input
Slots
5
States
5
Writer
Shared
cre8.primitive.text-field

Preview

Live renderShared SSR + WASM writers
Cryptographic key for signing runtime transactions.
<TextField
  description="Cryptographic key for signing runtime transactions."
  kind="password"
  label="Operator Access Key"
  name="apiKey"
  placeholder="c8_key_..."
/>

Variants

States and intents

Anatomy

The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.

SlotDOM class
root.primitive-text-field
label—
control—
description—
error—
5 rows

States and platforms

The states the contract publishes, the platforms it declares, and the style recipes that dress it.

States
disabledinvalidrequiredsecuremultiline
Platforms
webnativeruntime-node
Recipes
unstyledruntime-console

Renderers

Shared writer
TextField renders through the one writer the server and the WASM DOM share, so both emit the same markup.

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.

TargetRendererStatus
webreactexperimental
runtime-nodeview-nodeready
ssrhtml-form-controlready
terminalterminal-textplanned
nativenative-adapterexperimental
5 rows

Accessibility

Preserves shared Input label, description, error, and textarea semantics for runtime-friendly text entry aliases.

  • Secure fields keep password semantics without dropping the shared field wiring.
  • Multiline fields render a real textarea so labels, help text, and validation continue to work without recipe styling.