Live Interactive Demo Model
User Profile Editor
A user card with name, email, bio, and avatar that switches between viewing and editing on click.
User Profile Dashboard
Sanket Kedare
sanketkedare@example.com
Acceptance Criteria
Managing multi-field form state in an object
Toggling between read-only and editable fields
Saving changes or canceling back to original state
Target APIs & Concepts
Controlled InputsEdit TogglingObject State
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!