Back to Formik

Accessible Instant Feedback Example

docs/examples/instant-feedback.md

2.1.61.0 KB
Original Source

Instant feedback during typing can be extremely helpful in certain situations. For example, checking the validity (or availability) of a username shouldn't require the user to resubmit the form (multiple times). Providing instant feedback while users are typing can allow them to experiment more easily until they find valid input value (like a suitable username). Note: This isn't always optimal, use your judgement.

<div className="embed-responsive aspect-ratio-square"> <iframe src="https://codesandbox.io/embed/github/formik/formik/tree/main/examples/instant-feedback?fontsize=14&hidenavigation=1&theme=dark" style={{ width:'100%', height: '100%', border:0, borderRadius: 4, overflow: 'hidden'}} title="formik/formik: async-submission" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts" ></iframe> </div>