Smart Select's list put image inside <option>

Questions
1

I want to put image or icon as flag of country inside smart select, but it’s not even render my html code in there nor my css.

<f7-list id="country1_list">
              <f7-list-item id="country1_list_item" title=" " smart-select :smart-select-params="{openIn: 'popup', searchbar: true, searchbarPlaceholder: 'Search...',appendSearchbarNotFound	:true}">
                <select name="country1" v-model="flag1" id="country1_list_item_select">
                  <option value selected disabled></option>
                   <option v-for="(item , index) in country1" :value="index" :key="index">
                     <img :src="item.photo" alt="">
                      {{item.name}} 
                     </option>
                </select>
          </f7-list-item>
        </f7-list>

Thanks a lot

2

https://framework7.io/docs/smart-select.html#custom-option-colors-and-images

1 Like
3

Thanks a lot. It works