All Components

Tab Position

The TabStrip enables you to configure the position of its tabs by using the tabPosition prop.

The tabPosition setting accepts the following values:

  • left
  • right
  • bottom
  • top
<div id="vueapp" class="vue-app">
    <kendo-tabstrip :tab-position="'left'">
        <ul>
            <li class="k-state-active">
                Paris
            </li>
            <li>
                New York
            </li>
        </ul>
        <div>
            <div>
                <p>Rainy weather in Paris.</p>
            </div>
        </div>
        <div>
            <div>
                <p>Sunny weather in New York.</p>
            </div>
        </div>
    </kendo-tabstrip>
</div>
Vue.use(LayoutInstaller);

new Vue({
    el: "#vueapp"
})
In this article