> 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/selection-input.md).

# Selection Input

Get selections from Spreadsheet and display it in an input field

<figure><img src="https://67932947-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHWsslZpYESUXxPccoyig%2Fuploads%2Fgit-blob-a272afefc2d638ac8182c10dcc322f03c992e10d%2Fimage.png?alt=media" alt=""><figcaption><p>Display selections and let users make selection input</p></figcaption></figure>

```tsx
import { SelectionInput } from "@rowsncolumns/spreadsheet"

const App = () => {
  const [ value, onChange ] = useState("")
  return (
    <SelectionInput
      onChange={onChange}
      value={value}
      selections={selections}
      activeCell={activeCell}
    />
  )
}
```