New to Kendo UI for Angular? Start a free 30-day trial

AppBarComponent

Component

Use the AppBar component to display information, actions, brand titles, and additional navigation on the current screen.

Definition

Package:@progress/kendo-angular-navigation

Selector:kendo-appbar

Export Name:Accessible in templates as #kendoAppBarInstance="kendoAppBar"

Syntax:

html

<kendo-appbar>
   <kendo-appbar-section>
       <h2>Page Title</h2>
   </kendo-appbar-section>
</kendo-appbar>

Specifies the position of the AppBar (see example).

Default:

'top'

Sets the position mode of the AppBar (see example).

Default:

'static'

Sets the theme color of the AppBar. The theme color is applied as the background color of the component. The default value is set by the Kendo theme.