This repo contains a headless component wrapping the Formik <Form /> component and takes care of all the necessary state logic and event handlers for an inline editable field.
Why? - I had a hard time to find a simple, elegant hand headlesss implementation, and decided to build a component myself.
Take a look at <InlineEditableForm/> src/App.tsx for to exact component.
- ✅ Headless form component, use your own styling
- ✅ Keyboard (Tab, Enter, Esc) and mouse interaction
- ✅ Autosubmit on blur
- ✅ Works with Formik