Skip to content

Forms

Input

A single line of text entry.

Examples

default

Notes

A single line of text entry.

Shares CONTROL_BASE with Textarea and Select, so the three cannot drift apart. Pair with Field for the label, hint and error — an input with a placeholder and no label is not labelled, because the placeholder disappears the moment anyone types.

Props

Input props
PropTypeDefaultDescription
invalidbooleanPaints the resting border with `--danger` and reflects `aria-invalid`.
refRef<HTMLInputElement>

Also accepts everything in InputHTMLAttributes<HTMLInputElement>. Those are forwarded to the underlying element and are not listed row by row.

Accessibility

  • A placeholder is not a label — it disappears the moment anyone types. Pair with Field.