UI for ASP.NET Core
ASP.NET Core AppBar
- A must-have ASP.NET Core AppBar component to build primary site navigations.
- 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!
-
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.
-
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.
-
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.
-
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.
-
App Bar Component Theming
The Telerik ASP.NET Core AppBar component has sevaral built-in themes such as Material (based on the Material Design guidelines), Bootstrap, Default and Fluent. 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.
