# Dropdown select

The `DropDownSelect` utility component can be used to simply create a dropdown select component.

#### Props

| Name                   | Description                                             | Type                                                                                     |
| ---------------------- | ------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
| `icon`                 | Icon to be shown next to the label of the selected item | `string` \| `undefined`                                                                  |
| `defaultSelectedLabel` | Label to be shown on default                            | `string`                                                                                 |
| `defaultSelectedIndex` | Sets the default selected option                        | `number`                                                                                 |
| `handleSelect`         | Handler to handle the selected option                   | `(index: number) => void`                                                                |
| `children`             | DropDownSelectOption                                    | `ReactElement<DropDownSelectOptionProps>` \| `ReactElement<DropDownSelectOptionProps[]>` |

#### DropDownSelectOptionProps

You can provide the `DropdownSelectOption` as a child to the `DropdownSelect`

| Name       | Description | Type                     |
| ---------- | ----------- | ------------------------ |
| `label`    |             | `string`                 |
| `selected` |             | `boolean` \| `undefined` |
| `icon`     |             | `string`                 |


---

This page was last updated at 2026-07-10T16:05:29.791Z.

For the most recent version of this documentation, visit [https://getstream.io/video/docs/react/ui-components/utility/dropdown-select/](https://getstream.io/video/docs/react/ui-components/utility/dropdown-select/).