MultiSelect Dropdown:
```jsx
const MultiSelectOptions = [
    { value: '1', label: 'option 1' },
    { value: '2', label: 'option 2' },
    { value: '3', label: 'option 3' },
    { value: '4', label: 'option 4' },
    { value: '5', label: 'option 5' },
    { value: '6', label: 'option 6' },
    { value: '7', label: 'option 7' },
    { value: '8', label: 'option 8' },
    { value: '9', label: 'option 9' }
];
const country = [
    { value: '1', label: 'option 1' },
    { value: '2', label: 'option 2' },
    { value: '3', label: 'option 3' },
    { value: '4', label: 'option 4' },
    { value: '5', label: 'option 5' },
    { value: '6', label: 'option 6' },
    { value: '7', label: 'option 7' },
    { value: '8', label: 'option 8' },
    { value: '9', label: 'option 9' }
];
class DesktopMultiSelectDropdownExample extends React.Component {

  constructor() {
    super()
    this.state = {
      selectedMultiOption:null,
      selectedIconOption:null,
      countries:[]
    }
    this.handleChangeMultiOption = this.handleChangeMultiOption.bind(this)
    this.handleChangeIconOption = this.handleChangeIconOption.bind(this)
  }
  getCountries(){
        fetch('https://restcountries.eu/rest/v2/lang/es')
            .then(response => { return response.json(); })
            .then(data => {
                let result = data.map((lang) => {
                    return {
                        label: <div><span><img src={lang.flag} alt={lang.name} />{lang.name}</span></div>,
                        value: lang.name,
                    };
                });
                this.setState({ countries: result });
            });
    }


  componentDidMount(){
    this.getCountries();
  }

  handleChangeMultiOption(data) {
        this.setState({ selectedMultiOption:data });
  }

  handleChangeIconOption(data) {
        this.setState({ selectedIconOption:data });
  }

  render() {
    return (
      <div>
                          <div>Disabled MultiSelect DropDown : </div>
<br/>
       <DesktopMultiSelectDropdown
                        id='ddlDisabledDropdown'
                        searchable={false}
                        placeholder='Select Option'
                    />
                    <br/>

                    <div>Multiselect DropDown :</div>
                                        <br/>

                    <DesktopMultiSelectDropdown
                        id='ddlMultiDropdown'
                        value={this.state.selectedMultiOption}
                        onChange={this.handleChangeMultiOption.bind(this)}
                        options={MultiSelectOptions}
                        disabled={false}
                        searchable={false}
                        clearable={false}
                        placeholder='Select Option'
                        closeMenuOnSelect={false}
                    />
                                        <br/>

                    <div>MultiSelect DropDown with Icon : </div>
                                                            <br/>

                    <DesktopMultiSelectDropdown
                        id='ddlIconDropdown'
                        isIconDropdown={false}
                        value={this.state.selectedIconOption}
                        onChange={this.handleChangeIconOption.bind(this)}
                        options={this.state.countries}
                        disabled={false}
                        searchable={false}
                        clearable={false}
                        placeholder='Select Option'
                        closeMenuOnSelect={false}
                    />

      </div>
    )
  }
}
;<DesktopMultiSelectDropdownExample />

```
