Ionic Select list option with flag/image

If you want something like:


Please refer my github repository: https://github.com/ketanyekale/ionic-color-and-image-selector

I needed a color selector couple of months ago but I couldn’t find any. I tried adding CSS classes to ion-select and ion-option but the classes doesn’t get reflected in the generated output. So the only way to apply the custom CSS to ion-select and ion-options is by using the parent element and some JS(/TS).

After implementing the color selector I used the same logic to build image selector.

Hope ionic team can implement this in a better and optimized way and provide an inbuilt option for selecting image and color using ion select.

1 Like