Ionic Top Navigation Bar?

Question

Ionic Top Navigation Bar

Hello!
I need help making a Top Naviagtion Bar in my Ionic Project. There is no Doumentation about a Top Navigation Bar and I just can't get it to work.

Thanks!

Answer 1

You can do something like this:

<ion-tab-bar slot="top">
   <ion-tab-button (click)="openExample()">
      <ion-icon name="home"></ion-icon>
      <ion-label>Example</ion-label>
    </ion-tab-button>
    <ion-tab-button (click)="openCartExample()">
      <ion-icon name="cart"></ion-icon>
      <ion-label>Example Cart</ion-label>
   </ion-tab-button>
</ion-tab-bar>