Editable Grid
A spreadsheet-style data grid: arrow keys navigate cells, then Enter / F2 / double-click edits the focused cell in place. Enter commits the new value, Escape cancels — and arrow keys while editing move the caret, not the active cell.
Preview
Item
Qty
Apples
3
Pears
5
Installation
npx shadcn@latest add https://ui.publictheta.com/r/editable-grid.jsonConformance
This component conforms to the @publictheta/ui-spec editable-grid specification, composing grid navigation with in-cell text editing. Run the suite against any implementation with pnpm conformance.