semantic ui dropdown to overlay code example

Example 1: semantic ui dropdown value

handleDropDownSelect = (event, data) => {
   console.log(data.value);
  };
  
  <Dropdown
          className="ui primary"
          onChange={this.handleDropDownSelect}         
          options={this.props.DropDownValues}
        />

Example 2: multiple search selection dropdown

<div class="row">
  <div class="col-md-12">

    <select class="mdb-select colorful-select dropdown-primary md-form" multiple searchable="Search here..">
      <option value="" disabled selected>Choose your country</option>
      <option value="1">USA</option>
      <option value="2">Germany</option>
      <option value="3">France</option>
      <option value="4">Poland</option>
      <option value="5">Japan</option>
    </select>
    <label class="mdb-main-label">Label example</label>
    <button class="btn-save btn btn-primary btn-sm">Save</button>

  </div>
</div>