Ionic | How do I put an icon to the left of ion-label?

0

Can someone please help me how to put an ion-icon on an ion-label on Ionic? I tried it this way:

<ion-item color="quest">

    <ion-label floating
               ion-left>Correo Electronico</ion-label>
    <ion-icon name="person"></ion-icon>
    <ion-input type="text"></ion-input>
  </ion-item>

So I tried it and it did not work, if you can help me please

    
asked by Juanse Portillo 15.06.2018 в 00:11
source

1 answer

1

I do it like this:

   <ion-item>
    <ion-label floating>
      <ion-icon name="mail" item-start class="text-primary"></ion-icon>
      Email
    </ion-label>
    <ion-input type="email" formControlName="email"></ion-input>
  </ion-item>

Or you need to put ion-icon inside ion-label and also that ion-icon has the property item-start

    
answered by 15.06.2018 / 00:24
source