Inline Edit Textarea

ProNew

Multi-line text that edits in place: Enter adds a line, Ctrl or Cmd plus Enter saves, Escape cancels, with an optional character counter.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac/inline-edit-textarea

It builds on the button, textarea components, which the CLI installs for you.

Prop	Type	Default	Description
`value`	`string`	`-`	The saved text.
`onSave`	`(next: string) => void \| Promise<void>`	`-`	Called on save.
`label`	`string`	`-`	Names the field.
`placeholder`	`string`	`"Add a description"`	Shown when empty.
`maxLength`	`number`	`-`	Limit and counter.
`rows`	`number`	`4`	Visible rows while editing.