Kendo UI for Angular

Angular AppBar (NavBar)

  • Ensure user satisfaction with this very easily implemented and full-featured Angular UI navigation element, often referred to as an NavBar. 
  • Part of the Kendo UI for Angular library along with 100+ professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular AppBar (aka NavBar) component provides information and action related to a screen and is most commonly used as the main navigation element for an app or page. Convenient properties allow you to set content, position, color, and more.

    See the Angular AppBar demo.

    Angular AppBar - Overview
  • Position

    Provide the right user experience by specifying where the Angular AppBar component appears on the page and whether or not it sticks to the top pf the page.

    See the Angular AppBar position demo.

    Angular AppBar - Positioning
  • Content Arrangement

    The Angular AppBar component will help you satisfy UI requirements with settings for both spacing and content separators (ex: a pipe between objects).

    See the Angular AppBar content arrangement demo.

    Angular AppBar - Content Arrangement
  • Theme Color

    Similar to desktop apps, AppBar allows the end-user to choose between light, dark, and inherit modes.

    See the Angular AppBar theme demo.

    Angular AppBar - Theme Color
  • Responsive Design

    AppBar takes the worry out of supporting a range of devices and screen size by automatically adjusting its layout to the current screen size.

    See the Angular AppBar responsive design demo.

    Angular AppBar - Responsive
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI