← All Components
InlineEdit
Data & Editing
Click-to-edit text with save/cancel support.
Live Demo
Click the text below to edit it:
With save/cancel buttons:
Usage
<script>
import { InlineEdit } from "jatui"
</script>
<InlineEdit />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | "" | Text value |
onSave | (value: string) => void | - | Save callback |
type | "text" | "textarea" | "text" | Input type |
placeholder | string | "Click to edit..." | Placeholder text |
showButtons | boolean | false | Show save/cancel buttons |