> 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

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