# Range Selector

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

<figure><img src="https://67932947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHWsslZpYESUXxPccoyig%2Fuploads%2Fgit-blob-2dc0f2f917d4477bfae322ba4928b5e072c1f713%2Fimage.png?alt=media" alt=""><figcaption><p>Range Selector</p></figcaption></figure>

```tsx
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}
    />
  )
}
```