---
id: dropdown-editor
title: Drop Down Editor
---
<iframe src="https://codesandbox.io/embed/vq5387plyy?autoresize=1&hidenavigation=1&view=preview" style="width:100%; height:500px; border:0; border-radius: 4px; " sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
----
You can see the code by clicking the blue rectangular Show Editor View button above, and also edit the example in the code editor directly.

Guide
-----
In this example, the `DropDownEditor` is imported from the `react-data-grid-addons` package and configured to to be the editor for the IssueType column. The editor takes a sigle `options` prop which is an array of values of type `{id, value}`. 