All examples

Spreadsheet

A two-tab budget with formulas (SUM, SUMIF, IF and a cross-sheet reference) that recalculate as cells change, a formula bar and keyboard editing on the data grid.

Spreadsheet

sheets-budget · sheets/SheetView

sheets spreadsheet
Props
  • activeSheet
  • formulaBar
  • label
  • labels
  • now
  • onchange
  • readonly
  • sheet

Live example loads in an isolated same-origin preview frame.

Source (sheets/SheetsBudgetDemo.svelte) 
<script lang="ts">
import { SheetView } from '@texuli/sheets/view';
import { offsiteBudget } from './budget.ts';

/** An editable budget: totals, a SUMIF and a cross-sheet reference recalculate as cells change. */
let sheet = $state(offsiteBudget());
</script>

<div data-example="sheets-budget">
  <SheetView bind:sheet viewportHeight={360} />
</div>