New to Kendo UI for AngularStart 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

NameTypeDefaultDescription

position

AppBarPosition

'top'

Specifies the position of the AppBar (see example).

positionMode

AppBarPositionMode

'static'

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

themeColor

AppBarThemeColor

'light'

Sets the theme color of the AppBar. The theme color is applied as the background color of the component.

In this article
SelectorExport NameInputs
Not finding the help you need?
Contact Support