Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Ionic Framework By Example

You're reading from  Ionic Framework By Example

Product type Book
Published in Jan 2016
Publisher
ISBN-13 9781785282720
Pages 158 pages
Edition 1st Edition
Languages
Author (1):
Sani Yusuf Sani Yusuf
Profile icon Sani Yusuf

The <ion-tab> element


Within the <ion-tabs> element, you will see three distinct <ion-tab> elements. The <ion-tab> element is the element used to create a tab and must be a child element of the <ion-tabs> element. You will see that each <ion-tab> element has some attributes. The title attribute is used to specify the title that that particular tab will display. The icon-on and icon-off are attributes that are used to define what icons get displayed when the tab is in focus and out of focus. Lastly, the href attribute is used to provide the path of the route that should be navigated to when that particular tab is selected.

Note

There are a lot more attributes that are available for different customizations and actions for <ion-tab>, and these are all available and duly documented on the official Ionic documentation page.

Within each <ion-tab> element, you will find an <ion-nav-view> declaration. The <ion-nav-view> is an element used...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}