Skip to main content

Gridheim Minimal — Visual Quick Start

A lightning-fast guide to using Gridheim with minimal setup.

What It Looks Like​

┌─────────────────────────────────────┐
│ A1    │ 100                         │  ← Formula bar
├─────────────────────────────────────┤
│ 100   │ 200   │ 300               │
│ 400   │ 500   │ 600               │
│ 700   │ 800   │ 900               │
│       │       │                   │
│       │       │                   │
└─────────────────────────────────────┘

No headers. No tabs. Just cells.

Basic Setup​

import Gridheim from "@/components/Gridheim";

function App() {
  return (
    <Gridheim
      workbookId="wb-123"
      sheetId="sheet-1"
      initialCells={[
        { address: "A1", value: "10" },
        { address: "B1", value: "20" },
        { address: "C1", value: "30" },
      ]}
    />
  );
}

That's it.

Keyboard Shortcuts​

Arrow keys      → Move between cells
Ctrl+C          → Copy
Ctrl+X          → Cut
Ctrl+V          → Paste
Delete          → Clear cell
F2              → Edit cell
Double-click    → Edit cell
Type            → Start editing
Enter           → Confirm edit, move down
Esc             → Cancel edit
Tab             → Move right

See also: Architecture One Sheet