New to Kendo UI for Angular? Start a free 30-day trial
AppBarComponent
Represents the Kendo UI AppBar component for Angular.
Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.
html
<kendo-appbar>
   <kendo-appbar-section>
       <h2>Page Title</h2>
   </kendo-appbar-section>
</kendo-appbar>
Selector
kendo-appbar
Export Name
Accessible in templates as #kendoAppBarInstance="kendoAppBar"
Inputs
| Name | Type | Default | Description | 
|---|---|---|---|
position | 
 | 
 | 
 Specifies the position of the AppBar (see example).  | 
positionMode | 
 | 
 | 
 Sets the position mode of the AppBar (see example).  | 
themeColor | 
 | 
 | 
 Sets the theme color of the AppBar. The theme color is applied as the background color of the component.  |