KendoReact AppBar Overview

The AppBar provides information and actions related to the current application screen. It is typically used to show page titles, brand identity and can contain navigation items.


The following example demonstrates the AppBar in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

The AppBar is part of the KendoReact Layout component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the AppBar and the rest of the components in the package, see the Getting Started with the KendoReact Layout Package guide.

Key Features

  • PositioningThe built-in options allow you to specify the position of the component relative to the page content.
  • Content ArrangementYou can easily arrange the layout of the appbar content by using sections, spacings, and separators.
  • AppearanceThe AppBar comes with predefined option that allow you to set its theme color.
  • Responsive DesignThe responsive layout adapts to any device and screen size.

In this article

Not finding the help you need?