Tabs - top alignment


#1

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>
</div>

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.


#2

I have same problem,

My tabs inside a ionconten, like this layout:
http://i1.wp.com/dribbble.s3.amazonaws.com/users/125049/screenshots/1070165/mockup-2.png?w=960

any solutions?


#3

@anand see here http://codepen.io/shprink/pen/cylFt


#4

thanks alot @snailred

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


#5

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