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

TabStrip Tabs Position

Updated over 6 months ago

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
See Also
Not finding the help you need?
Contact Support