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

Sizing

Updated on Aug 18, 2026

The TabStrip provides predefined options which allow you to set different padding to its building blocks (e.g. tabs and scroll buttons).

Configurator demo

The following example demonstrates configuring the different aspects of the TabStrip appearance through a configurator.

Loading ...

To change the default padding of the TabStrip elements, set the size property of the component.

The size property support the following values from type TabStripSize:

small—Reduces the default padding of the building blocks of the TabStrip. Especially useful when you want to fit more tabs in a limited space.
medium—Represents the default padding of the building blocks of the TabStrip.
large—Increases the default padding of the building blocks of the TabStrip. Useful when you want to provide larger elements for easier end user interaction.

The following example demonstrates how to define the TabStrip size.

Loading ...