InlineEdit.
Rename an item inline; Enter saves, Escape cancels.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
value | string | Yes | — | — | Current text value. |
onValueChange | (value:string)=>void | No | — | — | Save the trimmed, non-empty new value. |
label | string | No | Edit value | — | Accessible edit label. |
placeholder | string | No | Enter a value | — | Placeholder for empty values. |
disabled | boolean | No | false | true · false | Disable entry into edit mode. |
saveLabel | string | No | Save | — | Accessible save button label. |
cancelLabel | string | No | Cancel | — | Accessible cancel button label. |
onCancel | ()=>void | No | — | — | Called when editing is cancelled. |
className | string | No | — | — | Additional CSS class on the outer component element. |