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.

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

The following example demonstrates how to define the TabStrip size.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Tabstrip
• API Reference of the TabStripTabProperties