Range Selector

Displays and let users quickly select a named range

RangeSelector displays the currently selected cell address and creates a dropdown menu to select named ranges and sheets.

Range Selector

import { RangeSelector } from "@rowsncolumns/spreadsheet"

const App = () => {
  return (
    <RangeSelector
      selections={selections}
      activeCell={activeCell}
      onChangeActiveCell={onChangeActiveCell}
      onChangeSelections={onChangeSelections}
      sheets={sheets}
      rowCount={rowCount}
      columnCount={columnCount}
      onChangeActiveSheet={onChangeActiveSheet}
      namedRanges={namedRanges}
    />
  )
}