add

Adds a new item. If an optional beforeElement is provided as second parameter, the new item is added before it.

Parameters

item Object (required)

The item definition that will be added.

beforeElement HTMLElement|jQuery (optional)

Add item before an already existing item.

Example

<nav id="bottomnav"></nav>

<script>
    var bottomNav = $("#bottomnav").kendoBottomNavigation({
        items: [
            { text: "Home", icon: "home" }
        ]
    }).data("kendoBottomNavigation");

    bottomNav.add({ text: "Contact", icon: "envelope", attributes: { id: "email" } });
    bottomNav.add({ text: "Info", icon: "info-circle" }, $("#email"));
</script>
In this article