Any tab component which can be used inside <ion-content>

Hi Guys,

I need multiple tab in my screen content area, currently when i am using <ion-tabs> inside <ion-content> the tabs are coming in top or bottom.

I need to display tabs in content area, is there any way or component to achieve this.
Below is the layout I am aiming for

Build this on your own --> a tab indicator bar and three divs with the content --> if you click on a tab-indicator --> set a flag to show the correct tab with ng-show/ng-hide or ng-if.

Ya that will be last option, to create a directive.
so ionic doesn’t provide any tab component which can be used in content??

nope the ion-tabs are something like a top-navigation approach. It is not simple showing and switching content. each tab would have an own history stack and so on.