Inline Edit
Click-to-edit text or textarea with Enter to save, Esc to cancel, async saving state and validation.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
InlineEditProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | — |
| defaultValue | string | "" | — |
| onValueChange | (value: string) => void | — | Fires after a successful save |
Install
$ npx shadcn@latest add https://chromotion.dev/r/inline-edit.json