New to Telerik UI for BlazorStart a free 30-day trial

TabStrip Tabs Size

By design, the tabs are displayed in medium size.

You can customize the size of the TabStrip tabs using the Size parameter. It is recommended to use predefined constants from the ThemeConstants.TabStrip.Size static class. The available options are:

  • small — Reduces the default padding of the TabStrip tabs. This size is useful when you want to fit more tabs in a limited space.
  • medium (default) — Represents the default padding of the TabStrip tabs.
  • large — Increases the default padding of the TabStrip tabs. This size is useful when you want to provide larger elements for easier end-user interaction.

Set the desired tab size.

<TelerikTabStrip Size="@ThemeConstants.TabStrip.Size.Large">
    <TabStripTab Title="First">
        First tab content.
    </TabStripTab>
    <TabStripTab Title="Second">
        Second tab content.        
    </TabStripTab>
    <TabStripTab Title="Third">
        Third tab content.
    </TabStripTab>
</TelerikTabStrip>
Not finding the help you need?
Contact Support