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


item Object (required)

The item definition that will be added.

beforeElement HTMLElement|jQuery (optional)

Add item before an already existing item.


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

    var bottomNav = $("#bottomnav").kendoBottomNavigation({
        items: [
            { text: "Home", icon: "home" }

    bottomNav.add({ text: "Contact", icon: "email", attributes: { id: "email" } });
    bottomNav.add({ text: "Info", icon: "info" }, $("#email"));
In this article
Not finding the help you need? Improve this article