CODEWITHSUNDEEP
ionic2
Marco Jr
Marco Jr

Reputation: 6796

Ionic2 - Labels not appearing for input

I am trying to do something very basic: A label above the input field. For some reason, this is not working. Any clue ? 

<ion-header>
   <ion-navbar>
      <ion-title>
         The App
      </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
    <ion-item no-lines>
     <ion-label stacked>First name</ion-label>
     <ion-input></ion-input>
    </ion-item>
   <ion-item no-lines>
      <ion-label stacked>Last name</ion-label>
      <ion-input type="text" placeholder="Last Name"></ion-input>
   </ion-item>
</ion-content>

<ion-footer>
  <div (click)="goHome()">Cancel</div>
  <div (click)="save()">Update</div>
</ion-footer>

Upvotes: 0

Views: 63

Answers (1)

Ivar Reukers
Ivar Reukers

Reputation: 7729

As you can see in the docs change your code to <ion-label stacked> and it should appear on top of your ion-input

Upvotes: 2

Related Questions