Grid Textarea Editor

ProNew

A multi-line cell editor that opens as a small panel over the cell: Enter adds a line, Ctrl+Enter or Cmd+Enter saves, Escape cancels.

Customize

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

Use it for notes and descriptions that do not fit a cell. Show the first line in the cell and open the editor on Enter.


pnpm dlx shadcn@latest add @tealmac-pro/grid-textarea-editor

Prop	Type	Description
`value`	`string`	Starting text.
`label`	`string`	Accessible name.
`onCommit`	`(value) => void`	Ctrl or Cmd + Enter, or the Save button.
`onCancel`	`() => void`	Escape or Cancel.
`validate`	`(value) => string \| null`	A message blocks the save.

Focus moves to the textarea with the caret at the end. Save and Cancel are real buttons, so pointer users have the same options as keyboard users.
Validation messages use role alert.