---
url: /api/renderers/web-components/src/variables/inPlaceEdit.md
---
[pantoken-root](../../../../index.md) / [renderers/web-components/src](../index.md) / inPlaceEdit

# Variable: inPlaceEdit

> `const` **inPlaceEdit**: [`ElementDefinition`](../interfaces/ElementDefinition.md)

Alpha

`<instui-in-place-edit>` — a click-to-edit field. `value` shows as text; on click/focus it becomes
editable, Enter or blur commits (and fires a bubbling `change` event with `detail.value`), and
Escape reverts to the pre-edit value. `readonly` disables editing. An external `value` change
reflects into the field while it isn't being edited. `input-type` accepts `text`, `number`,
`email`, `url`, `tel`, or `search` as a non-validating editing hint.

## Example

```html
<instui-in-place-edit value="Course title"></instui-in-place-edit>
```