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 |