Progress Telerik UI for ASP.NET Core

ASP.NET Core AppBar

  • A must-have ASP.NET Core AppBar component to build primary site navigations. Comes with mode state, position, color, items,  themes and more customization options. 
  • This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
Telerik UI for ASP.NET Core Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET Core AppBar is a template-driven component you can use as a navigation container in your projects. Within the AppBar, you can render various HTML elements, such as action buttons, search panel, icons and more. Thanks to its support for templates, the AppBar can achieve much more than a simple header or footer as you can customize its content to meet your design requirements. 

    See the ASP.NET Core AppBar in action 

    Telerik UI for ASP.NET Core AppBar Overview
  • Items

    The control exposes two types of items: a ContentItem and a Spacer. The ContentItem accepts a template, whereas the Spacer should be used to separate content items from one another. You can customize the items by changing their CSS class name, width and type.  


  • Positioning

    You can position the AppBar at the top of your page, serving as a Header, at the bottom as a Footer or set its position to None, which will apply no CSS positioning style. The Position Mode option allows you to choose from static, sticky or fixed positioning.  


    Telerik UI for ASP.NET Core AppBar - Positioning
  • Template Driven

    The AppBar is a template-driven component, which makes it very flexible and a perfect fit for each and every one of your projects. You can supply an external template to the component by specifying the TemplateId option.  
  • API

    The Telerik AppBar for ASP.NET Core offers rich client- and server-side API functionalities, supporting different configurations for themeColor, position, items, and positionMode. It also provides a resize event, allowing you to control the visibility of the items in the header/footer when the viewport changes dimensions.
    Telerik UI for ASP.NET Core Events
  • HTML and Tag Helpers

    Telerik UI for ASP.NET Core provides two ways to declare UI components—by using HTML or Tag helpers. You can choose between the two approaches based on the developer’s technology background, preference and practice and implement the AppBar component in your applications. 
    Telerik UI for ASP.NET Core
  • App Bar Component Theming

    The Telerik ASP.NET Core AppBar component has 20+ built-in themes such as Material (based on the Material Design guidelines), Bootstrap, SASS Default and many others. You can easily customize any of the 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 AppBar Theming
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.