New to Telerik UI for Blazor? Download free 30-day trial

TabStrip Tabs Position

By default, the tab titles display on top of the tab content.

You can customize their position through the optional TabPosition attribute of the TelerikTabStrip tag. It takes a member of the Telerik.Blazor.TabPosition enumeration:

  • Top (default)
  • Left
  • Right
  • Bottom

Set the desired tab position.

<TelerikTabStrip TabPosition="@TabPosition.Bottom">
    <TabStripTab Title="First">
        First tab content.
    </TabStripTab>
    <TabStripTab Title="Second">
        Second tab content.        
    </TabStripTab>
    <TabStripTab Title="Third">
        Third tab content.
    </TabStripTab>
</TelerikTabStrip>

See Also

In this article
Not finding the help you need? Improve this article