I am trying to add a flag icon inside a an ion-select-option. using Ionic 4 <ion-item> <ion-label>Popover</ion-label> <ion-select [interfaceOptions]="customPopoverOptions" interface="popover" placeholder="Select One"> <ion-select-option value="brown">Brown</ion-select-option> <…

Maybe see this… [image] Ionic Select list option with flag/image ionic-v3 Html. <ion-select [selectOptions]="selectOptions" [(ngModel)]="courseBegin" interface="popover"> <ion-option *ngFor="let cc of currencyList" value="{{ cc }}" > {{ cc }} …

Thanks for the response, I am using ionic 4. And the goal is not to save the flags as images in the asset file.

what u can do is if u are getting country codes from the backend or u can fill the values as predefined then just use css-sprite to map ur flags image to country code u can get the css and image from here (size is hardly kb so wont effect ur app ) and use the below code to provide the code and g…

one more answer is using this plgin see this example

[image] aditbharadwaj: This doesnt work actually, the span. :S

can u explain how did u proceed?? bcoz I use it and it works good

I am using a flag library . And the option is totally blank, no flag or anything. https://flagicons.lipis.dev/ <ion-toolbar> <ion-card-subtitle mode="md">{{'SETTINGS.changeLanguage' | translate}}</ion-card-subtitle> <ion-buttons slot="primary"> …

did u read how to implement in the link provided? what was the error?

[Capture] . There is no error thrown. Just blank

It looks like the<ion-select-option> doesnt allow any thing that is not text. Because I already put the span outside the ion-select, and it displayed the flag.

How to add a flag icon in ion-select-option

Ionic Framework

IonicGeoff April 4, 2020, 1:11am 2

Maybe see this…

Topic		Replies	Views
Ionic Select list option with flag/image ionic-v3	21	29347	February 18, 2021
How can I add a flag to ion-select or ionic-selectable? Ionic Framework	0	1184	November 22, 2019
Unable to add image beside select option ionic-v1	13	3954	April 17, 2017
Add image on ion-option select ionic-v3	2	2306	July 22, 2025
Flags in select ionic-v1	2	1276	May 31, 2017

How to add a flag icon in ion-select-option

Related topics