← ui-lab

Range Grid

A grid with 2-D rectangular cell selection — the spreadsheet model. An anchor and a focus cell define a selected rectangle: Shift+Arrow extends it, a plain Arrow collapses it, and Ctrl/Cmd+A selects all. Cells expose aria-selected and 1-based aria-rowindex/aria-colindex; the grid exposes the full row and column counts.

Preview

A1
B1
C1
A2
B2
C2
A3
B3
C3

Installation

npx shadcn@latest add https://ui.publictheta.com/r/range-grid.json

Conformance

This component conforms to the @publictheta/ui-spec range-grid specification. Run the suite against any implementation with pnpm conformance.