Skip to main content

Inline Editing

Automation hooks: each editable exposes data-editing, data-before-value, and data-saved-value. Status exposes data-status-kind and data-status-text.

Inline Editable Fields

Two contenteditable fields with consistent save/cancel behavior.

INLINE
Editable Text
Click to edit this text
Tip: Press Enter to save, Esc to cancel.
Editable Title
Click to edit this title
Tip: Clicking outside also saves automatically.
Tips: Enter saves. Esc cancels. Clicking outside saves. Output JSON uses Show Values.
Status: Idle
// Current values will appear here