Click-to-edit text with auto-save, cancel, and textarea support
Click the title to edit. Press Enter or blur to save; Escape to cancel.
Click to edit. Blur saves; Escape cancels.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | - | Current value (required) |
onSave | (value) => void | Promise<void> | - | Called on save (required) |
type | "text" | "textarea" | "text" | Input type |
placeholder | string | "Click to edit…" | Empty state placeholder |
showButtons | boolean | false | Show explicit save/cancel buttons |
truncate | boolean | false | Truncate long display text with ellipsis |
rows | number | 3 | Textarea rows |
disabled | boolean | false | Disable editing |