ns-ui
A spreadsheet-style rectangular cell range select where the border draws itself in real box-drawing glyphs (┌─┐│└┘) and a live ASCII status bar prints the aggregate — count, sum, mean, min, max — as the range grows by drag or Shift+Arrow.
Use when a rectangular multi-cell range selection over tabular numeric data where the aggregate of the current selection should read live, spreadsheet-style — pick this over table-heat-shimmer when the selection itself is the point, not a fixed row's status. table-heat-shimmer's rows aren't selectable at all; its mechanic is which rows shimmer, not which cells are chosen.
Install
npx shadcn add https://design.helpmarq.comns-ui / sheet-ascii-range
Drag across cells, or focus one and Shift+Arrow to extend. The border draws itself in box-drawing glyphs and the status bar recomputes live.
| Prop | Type | Default | Description |
|---|---|---|---|
| data? | number[][] | — | rows x cols numeric grid |
| rowLabels? | string[] | — | — |
| colLabels? | string[] | — | — |
| unit? | string | — | unit suffix printed after aggregate numbers, e.g. "units" |
| title? | string | — | — |
| className? | string | — | — |