Tabview position


how can i implement Tabview like such, since Tabview can only be positioned either on the top or bottom is there any way i can do like its showing on the image ?


I see a <GridLayout columns="*, *, *, *"> with 4 icons and a border-left on all but the first one.


one more, question how can between tabs using this

<TabView row="1" #tabView class="tab-view">
        <GridLayout *tabItem="{title: 'Posts'}">    
        <GridLayout *tabItem="{title: 'Message'}">
        <GridLayout *tabItem="{title: 'Thumbnails'}">

for example when i tab on posts i want it to navigate me to a separate file called “posts”