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 110+ 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.
-
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.
Next Steps
See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.
Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.
Try Telerik UI for ASP.NET Core with dedicated technical support.