> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-agent-native-development.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# DropDown Element

> DropDown Element — CometChat documentation.

The `DropDownElement` class is utilised to create a single selection input element in a user interface.

### Properties

| Name | Type | Description |
| - | - | - |
| **elementId** | `string` | Used to set a unique ID for the element |
| **label** | `string` | Used to set a label for the element |
| **options** | `[OptionElement]` | Used to set options for the element |
| **optional** | `bool` | Used to set an optional flag for the element |
| **defaultValue** | `String` | Used to set a default value for the element |

### Usage

Here's how to create an instance of the `DropDownElement` class:

<Tabs>
  <Tab title="Swift">
    ```swift theme={null}
    let option1 = OptionElement()
    option1.id = "A"
    option1.value = "B"
    let option2 = OptionElement()
    option2.id = "B"
    option2.value = "A"
    let dropdownElement = DropdownElement()
    dropdownElement.elementId = "Block"
    dropdownElement.label: "Select block"
    dropdownElement.options: [option1,option2]
    ```
  </Tab>
</Tabs>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.