# AppBar

## Example

```
<kendo-appbar>
    <items></items>
</kendo-appbar>
```

## ChildTags

| Tag Name | Details                                                                                                                    |
| -------- | -------------------------------------------------------------------------------------------------------------------------- |
| items    | [AppBarItemsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/appbaritemstaghelper) |

## Attributes

| Attribute             | Type                                                                                                           | Description                                                                                                                      |
| --------------------- | -------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| name                  | String                                                                                                         | Sets the name of the component.                                                                                                  |
| on-resize             | String                                                                                                         | The name of the JavaScript function that will handle the resize event. Fired when the window is resized.                         |
| position              | [AppBarPosition](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/appbarposition)         | Defines where in the page the AppBar will be positioned                                                                          |
| position-mode         | [AppBarPositionMode](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/appbarpositionmode) | Defines the type of positioning                                                                                                  |
| script-attributes     | IDictionary\<String,Object>                                                                                    | Sets the attributes that will be added to the script tag of the component's initialization script.                               |
| theme-color           | [AppBarThemeColor](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/appbarthemecolor)     | Specifies the color of the component                                                                                             |
| is-in-client-template | Boolean                                                                                                        | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute. |
| deferred              | Boolean                                                                                                        | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.      |
| as-module             | Boolean                                                                                                        | Specifies whether the initialization script of the component will be rendered as a JavaScript module.                            |