items.type String

A value determining the type of the item. Valid options are

  • spacer: creates a span which to add space between the items.
  • contentItem: creates an item using a specific template provided for it.

Example - set the type for an item

<div id="appbar"></div>
<script>
$("#appbar").kendoAppBar({
    items: [
        {
            type: "contentItem",
            template: "<span><input /><span>"
        },
        {
            type: "spacer"
        },
        {
            type: "contentItem",
            template: "<h1>This is just a text</h1>"
        },
    ]
});
</script>
In this article