Checklist Edit - UI Experiment

This subtle interaction is used to surface multiple inputs that are a part of a single item cell. I used this in a check list but you can really apply it to any data cell that has a simple edit state, like if Twitter allowed you to edit tweets.

Framer Demo: https://framer.cloud/hrPNX/

How it works:
The checklist is uniform and readable in list form but the edit state can easily be brought up. Tapping on the item's content will allow you to edit the item's name and other properties as well. Simply tap outside of it to dismiss the edit state and restore the list view.