JSFiddle - React, Tailwind, and code Playground

by Dmitri Ganenco

HTML

<div>
  <label class='label'>countrys:* </label><br><br>
  <div v-for="(country, index) in countries" class="label" style="display: inline-block;">
    <input type='checkbox' value="country">&nbsp{{country.geos}} &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

    <img class='addIcon' v-bind="country" :key="country.index" style="width: 26px;height: 20px;margin-right: 8px;margin-top: px;margin-left: -25px;margin-bottom:-5px" src='../../images/createScreen/[email protected]' @click="makeMarketsActive($event, index)">
    <select multiple v-if="!isHidden">
                     <option v-for="(market) in country.markets" v-bind="country" >
                    {{ market }}
                         </option>
                        </select>
  </div>
</div>