I need to put a select with an icon on the left and let the select menu centered, like in the image below.
I have tried the following code:
<ion-item>
<ion-label> <ion-icon name="heart"></ion-icon></ion-label>
<ion-select [(ngModel)]="field" placeholder="Menu" text-center>
<ion-option value="dev" text-center>Developer</ion-option>
<ion-option value="poet" text-center>Poet</ion-option>
<ion-option value="desg" text-center>Designer</ion-option>
</ion-select>
</ion-item>
But it produces this:
Any idea?
Thanks,