← 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

PropTypeDefaultDescription
valuestring""Text value
onSave(value: string) => void-Save callback
type"text" | "textarea""text"Input type
placeholderstring"Click to edit..."Placeholder text
showButtonsbooleanfalseShow save/cancel buttons