background

UI for ASP.NET Core

ASP.NET Core TabStrip

  • The ASP.NET Core TabStrip lets you organize app content and avoid clutter on information-rich screens.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core TabStrip - Header
  • ASP.NET Core Tabs Overview

    Organize the content of your website or application efficiently with the help of the ASP.NET Core Tabs control. It allows you to save precious space and to group similar content in beautifully animated tabs. With ASP.NET Core Tabs, you are free to choose the tab position that best fits your application. Enjoy user-friendly UI and full control over the tab appearance and behavior.  

     

    Telerik UI for ASP.NET Core Tabs Overview
  • Flexible Tab Position

    ASP.NET Core Tabs allows you to easily choose the tab position that best fits your application. By default, the tabs are at the top, but you are free to move them to the bottom, to the left, or right.  

    Telerik UI for ASP.NET Core Flexible Tab Position
  • Scrollable Tabs

    Scrollable tabs are handy when there are many tabs but there is not enough space to show them all. This feature is enabled out-of-the-box and applies to tabs that are positioned at the top or bottom. 

    Telerik UI for ASP.NET Core Scrollable Tabs
  • Sortable Tabs

    Sorting the Telerik UI for ASP.NET Core TabStrip tabs is a piece of cake with the drag and drop functionality allowing you to move them to the desired position. To enable the sortable functionality, simply set the Sortable option to true or add the sortable attribute to the component's tag when using the TagHelper mode. 

    See the Telerik UI for ASP.NET Core TabStrip sortable tabs demo 

    Telerik UI for ASP.NET Core TabStrip - Sortable Tabs
  • Images and Sprites

    The ASP.NET Core TabStrip component allows you to easily customize its look and feel by  adding images or sprite icons in its tabs. 

    See more in the ASP.NET Core Tabs Images demo
    Telerik UI for ASP.NET Core TabStrip Images
  • Add or Remove Tabs

    If you are looking for more advanced options to configure your tabs, you’ve come to the right place. The ASP.NET Core Tabs API supplies methods for dynamically adding or removing tab bars. This allows users to modify the tabs according to their preferences while they work with your application.  

  • ASP.NET Core TabStrip Sleek Animations

    ASP.NET Core Tabs comes with built-in “toggle” and “expand” visual animations that you can customize even further. Using pure JavaScript, you can create the type of tabs users are accustomed to using in modern web browsers. 

    Explore the ASP.NET Core TabStrip animation effects 

    Telerik UI for ASP.NET Core TabStrip Animation Effects
  • TabStrip HTML Helpers and Tag Helpers

    With Telerik UI for ASP.NET Core you are free to choose the development approach that best suits your needs. Enjoy the HTML-like development experience and the rich IntelliSense that come with the ASP.NET Core Tabs Tag Helper. Or use the convenient HTML Helper. We have both, the decision is yours.     

     

    Telerik UI for ASP.NET Core HTML and Tag Helpers
  • Rich API ​

    Telerik UI for ASP.NET Core comes with a complete server-side API. You can configure all features of the Tabs component with simple API calls designed to feel natural. Since the server-side wrappers output JavaScript, you also have full access to the client-side API for maximum control in the browser.  

     

    Telerik UI for ASP.NET Core Chart Rich API
  • TabStrip Accessibility and Keyboard Navigation

    The Semantic HTML approach and the support of accessibility standards like WCAG, Section 508, and WAI-ARIA attributes for screen readers make it easier for users with disabilities to utilize the ASP.NET Core Tabs.  

    Our control comes with a built-in keyboard navigation support that allows users to easily interact with the tabs in your application through their keyboard.

    Accessibility for Telerik UI for ASP.NET Core
  • TabStrip Right-to-Left (RTL) Support

    Use the ASP.NET Core Tabs control in any application. Even if you design it for languages like Arabic or Hebrew, where users read from right to left. With only a few settings, you can adjust the RTL feature and rearrange the tabs in your application. 

    Telerik UI for ASP.NET Core RTL Support
  • TabStrip Theming

    ASP.NET Core Tabs has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). You can easily customize out-of-the-box themes with a few lines of CSS or create a new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.  

    Telerik UI for ASP.NET Core TabStrip Themes

All ASP.NET Core Components

Next Steps