App Bar - ASP.NET Core Components | Telerik UI for ASP.NET Core

Overview

Build headers and footers with the Telerik UI for ASP.NET Core AppBar control. Designed to be a container for navigation, it is the tool to use when building that “About Us” section and its sibling “Solutions” in your next project. Thanks to the support for templates, the AppBar can achieve much more than a simple navigation menu can as you can implement its body as per your requirements.
AppBar Configuration & Customization

The AppBar is fully configurable and customizable so it can be adapted for every use case. You can specify the AppBar position mode (static, fixed or sticky), its position (none, top, bottom), color (light, dark or inherited from the respective theme) and the list of items.
Item Configuration & Customization

Aside from customizing the component itself, you can also modify its items - their CSS class name, width and type (spacer or content) are all available for change.
Events

A resize event is fired when the browser’s window is resized. The main purpose of this event is to control the visibility of the items in the header/footer when the viewport changes dimensions.
App Bar Component Theming

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