---
# System prepended metadata

title: Widget - NeoDropdownFormField
tags: [Flutter-Widget]

---

NeoDropdownFormField
---
**Description:** The widget will be used to get selection result from the dropdown list.
**UI States:** TBD



**Parameters:**
| Parameter Name | Is Required            | Type                                                                             | Description                                                        | Default Value                               |
| -------------- |:---------------------- | -------------------------------------------------------------------------------- |:------------------------------------------------------------------ | ------------------------------------------- |
| itemList       | Yes                    | List<String>                                                                     | Items to be shown in the dropdown menu  |   |
| dropdownType       | Yes                    | [NeoDropdownType](https://hackmd.io/ExsYNl7ZTiO7jOggPL1coA?view)                                                                     | Dropdown type to display                            |                                         |
| labelText      | No                     | String                                                                           | Label text for dropdown menu                                       | ""                                          |
| dataKey        | No                     | String?                                                                          | This key is used to submit data to workflow in NeoTransitionButton | null                                        |
| bottomSheetTitle | No   | String? | Title of bottom sheet modal | null  |
| hint | No   | String? | Hint text | null  |
| validationErrorMessage | No   | String? | Error message when selected item is null | null  |
| displayMode    | No                     | [NeoDropdownFormFieldDisplayMode](https://hackmd.io/mdKlhp8ITI6XLynT96ZdQA?both) | Enum defaultMode, noBorder                                         | NeoDropdownFormFieldDisplayMode.defaultMode |
| isHighlighted  | No                     | bool?                                                                            | Highlight the item text                                            | false                                       |
| padding        | [EdgeInsetsDirectional](https://hackmd.io/VbfdvqKyRUmeeeAVrModPQ)? | No                                                                               | Padding of widget                                                  | null                                        |

**Example Response**
```json
{
  "type": "neo_dropdown_form_field",
  "args": {
    "labelText": "Güvenlik Sorusu",
    "dataKey": "question",
    "hint": "Seçiniz",
    "dropdownType": "NeoDropdownType.securityQuestion",
    "validationErrorMessage": "Bu alan boş bırakılamaz, lütfen seçim yapın.",
    "bottomSheetTitle": "Güvenlik Sorunuzu Seçiniz",
    "itemList": [
      {
        "formData": "13c8ecc3-bf95-461c-aad6-6131c06f20e5",
        "displayData": "Evcil hayvanınızın adı nedir?"
      },
      {
        "formData": "13c8ecc3-bf95-461c-aad6-6131c06f20e6",
        "displayData": "İlkokul öğretmeninizin adı nedir?"
      },
      {
        "formData": "13c8ecc3-bf95-461c-aad6-6131c06f20e7",
        "displayData": "İlk evcil hayvanınızın adı nedir?"
      },
      {
        "formData": "13c8ecc3-bf95-461c-aad6-6131c06f20e8",
        "displayData": "Büyüdüğünüz mahallenin adı nedir?"
      },
      {
        "formData": "13c8ecc3-bf95-461c-aad6-6131c06f20e9",
        "displayData": "En yakın arkadaşınızın adı nedir?"
      }
    ],
    "padding": {
      "top": 12,
      "bottom": 12
    }
  }
}
```