Inline edit

Inline edit lets the user click directly on a piece of text — a name, a price, a tag — to turn it into an editable input. Pressing Enter or clicking elsewhere saves the change. There is no separate edit page or modal.

Inline edit is fastest for small changes, but it hides the action — users may not know they can edit until they hoverHoverinteractionThe visual change when a cursor moves over an element.. Pair it with a subtle pencil icon or hover style so the affordanceAffordanceinteractionA visual hint that tells the user what an element does. is clear.