> For the complete documentation index, see [llms.txt](https://docs.rowsncolumns.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rowsncolumns.app/configuration/components/range-selector.md).

# Range Selector

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

<figure><img src="/files/9K6AGPBDtkOTE0yOEO51" 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}
    />
  )
}
```