New to Kendo UI for jQuery? Download free 30-day trial

Appearance

In this article, you will find information about the styling options and rendering of the Kendo UI TabStrip.

For a live example, visit the Appearance Demo of the TabStrip.

Options

The Kendo UI TabStrip supports the following styling options:

  • tabSize—configures the overall size of the tabs.
  • tabAlignment—specifies the alignment of the tabs.

Tab Size

The tabSize option controls how big or small the rendered tabstrip looks.

The following values are available for the tabSize option:

  • small—small size
  • medium—medium size
  • large—large size

The default tab size value is medium.

Tabs Alignment

You can control the alignment of the tabs by setting the tabAlignment property of the TabStrip. The following values are available for the tabAlignment option:

  • start
  • end
  • center
  • stretched
  • justify

The default alignment of the tabs is start.