Appearance

The KendoReact TabStrip allows selecting a predefined size options that changes its appearance.

Size

To change the default size of the TabStrip, set the size property which will change the padding of the TabStrip tabs and scroll buttons.

The size property 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.
null—Removes the styling related to the TabStrip sizing option.

The following example demonstrates how to define the TabStrip size.

Change Theme

Theme

Loading ...