New to Kendo UI for Angular? Start a free 30-day trial
AppBarComponent
Updated on Oct 31, 2025
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. |