Getting started

Native Components

Wrapper Components

Barcodes
Buttons
Charts
Chat
DataSource
Date Inputs
Diagram
Dialog
Dropdowns
DropDownTree
Editor
Gantt
Gauges
Grid (wrapper)
Inputs
Layout

Animation Effects

Scrollable Tabs

Loading Content with AJAX

Keyboard Navigation

List Views
ListBox
Map
MediaPlayer
PivotGrid
Popups
Scheduler
ScrollView
Spreadsheet
TreeList
TreeMap
TreeView
Upload
Validator
Window
Framework & Features
Globalization
Accessibility

Troubleshooting

Styling & Themes

Common Features

Project Setup

Changelog

Components / Layout / TabStrip / Tab Position /

New to Kendo UI for Vue? Start a free 30-day trial

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

Example

View Source

Edit In Stackblitz

Change Theme:

Suggested Links

Animation Effects

Scrollable Tabs

Was this article helpful?

Kendo UI for Vue

Community

Web App Development

Complete .net Toolbox

Telerik DevCraft

Get in touch

Contact us

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

Copyright © 2021, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION