Field

A labelled text field: label, hint, error, unit. For hand-written forms whose fields cannot be derived from anything.

When to use it

The form is written by hand and has a handful of fixed fields — token name, quantity, e-mail. Exactly where another hand-rolled <label> + <input> pair would otherwise appear.
The value comes with a unit or a currency. That goes into affix, never into placeholder — a placeholder disappears the moment the user starts typing, and takes the unit with it.
The field has validation the user will see. error turns on the error state and aria-invalid from a single text, so a red field without an explanation cannot happen.
The value is read down a column, or it is a code — mono switches to mono and tabular-nums.

The fields come from a schema (integration config, per-node operation settings). That is IngotForm over IngotFieldSpec[]: fields nobody typed out by hand cannot drift from the schema. This component is the opposite branch — a hand-written form where there is no schema.
You only need the input itself without a label, because the page composes the label on its own. That is IngotFieldInput.
The value is only displayed and cannot be changed. A locked input claims "this is a field" and users will keep clicking it; use a term and its value (<dl> / <dt> / <dd>), not disabled. That one is for a field that will UNLOCK — temporarily, not forever.
The input is not text: a checkbox, a choice from a set, a date. The first version is deliberately text-only — a primitive without a consumer is an unwired promise.

type: "text" | "number" | "password" | "email" | "url" | "tel" | "textarea" — Which keyboard and mask the browser offers. textarea is the same field grown to several lines.
rows: number — Height of a textarea in rows. Every other type ignores it.
label: ReactNode — A noun without a colon (“Quantity”).
value: string — The controlled value of the input.
onChange: (next: string) => void — Receives the text directly, not the event.
hint: ReactNode — A full sentence with a full stop, below the field.
error: ReactNode — The error text. Its presence turns on the error state and aria-invalid.
affix: ReactNode — A unit or currency inside the frame (“ks”, “%”).
mono: boolean — Mono and tabular-nums for codes and numbers.
optionalLabel: ReactNode — A translated “— optional” next to the label.
placeholder: string — An example value — never a label, never a unit.
required: boolean — The input's native required.
disabled: boolean — A temporarily locked field — not a way to display a value.
testId: string — data-testid of the input, not the wrapper — tests reach for what is operated.