Fieldbook
Sign in

Forms

Field with status icon

A labeled input whose trailing edge shows a small check or warning icon that fades in the moment the field's validity changes, without shifting the layout.

Using Field with status icon

A labeled input whose trailing edge shows a small check or warning icon that fades in the moment the field's validity changes, without shifting the layout.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: label, value, state, required

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Focus Guard Form
1964Focus Guard FormFormsA form that, on a failed submit, cancels the submission, moves keyboard focus straight to the first invalid field, and announces the problem for screen reader users.
Validated Signup Form
2078Validated Signup FormFormsA small form runtime that tracks values, validates on blur and submit, wires errors to their inputs, and shows a submitting then submitted state.
Branded Code Panel
1925Branded Code PanelFormsA centred verification panel under a small brand lockup, where a rejected code shakes the row once, clears it and hands focus back to the first box.
Grouped Code Boxes
1974Grouped Code BoxesFormsA one-time code field of individual boxed digits split into two groups by a thin center divider, with a blinking caret marking the box waiting for input.
Labeled field block
1987Labeled field blockFormsA form field wrapper that pairs a label, control, hint and error message, switching between stacked and side-by-side layouts as the container narrows.
One Question Wizard
2006One Question WizardFormsA multi-step form that shows a single question at a time with a progress readout, only moving forward once the current question has a valid answer.