Inline editing

Use inline editing for single-field text changes where a full form would interrupt a repeated workflow.

Interaction

Display the saved value as the trigger. The value itself must be keyboard focusable and expose a clear accessible label. Enter, Space, or click enters edit mode, focuses the input, and selects the current text.

Enter or blur saves the field. Escape cancels and restores the saved value. Validation and loading states stay next to the field being edited.

When to use it

Good candidates include account names, email-change entry points, vehicle identity fields, and other single-line metadata. Keep full forms for complex edits, drag-and-drop assignment pages, select-heavy workflows, and multi-field operations that must save as one unit.

Do not use this pattern for multi-line notes yet. Notes and other textarea content should stay in the full edit form until there is a dedicated modal or textarea interaction.

Implementation

Use the shared InlineEditableTrigger display affordance or an equivalent component. Persist through a scoped JSON endpoint with CSRF validation and ownership checks, then update only the local display state.