Using Tabs


#1

Hello,

I’m new to Ionic. Recently, I’ve been looking at the tabs control. Frankly, I’m slightly confused by the HTML. I don’t understand how the tab content aligns with each tab itself.

Can some explain to me how it works? I don’t understand why its not just:

<ion-tabs class="tabs-positive tabs-icon-only">
  <ion-tab title="Home" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline">
    <div>
    Hello. This is my home tab.
    </div>
  </ion-tab>

  <ion-tab title="About" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline">
    <div>
     This is recently added stuff.
    </div>
  </ion-tab>

  <ion-tab title="Settings" icon-on="ion-ios7-gear" icon-off="ion-ios7-gear-outline">
    <div>
      These are where my settings go.
    </div>
  </ion-tab>
</ion-tabs>