Angular TabStrip Sizing

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

To change the default padding of the TabStrip elements, set the size property of the component. It accepts values of type TabStripSize.

The size option supports the following values:

• 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 (default)—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.
• none—Removes the styling related to the TabStrip sizing option.

The following example demonstrates how to define the Kendo UI for Angular TabStrip size.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the TabStripComponent