Tabs - top alignment


How can i place the tab component on top. Is there any css class are being defined ?

<div class="tabs tabs-icon-only">
  <a class="tab-item"><i class="icon ion-home"></i></a>
  <a class="tab-item"><i class="icon ion-star"></i></a>
  <a class="tab-item"><i class="icon ion-gear-a"></i></a>

the above code just creates a tab with tab handlers are in bottom.
Is there is any predefined class to align the tab to top.


I have same problem,

My tabs inside a ionconten, like this layout:

any solutions?


@anand see here


thanks alot @snailred

class to keep the tab icons on top of the screen is tabs-top


hey, I know it’s been a while, but did you succeeded in implementing this layout ? If so could you provide a codepen/repo where I can see how you did it?

Thanks a lot