items.attributes Object

Defines custom attributes of the item's element.

Example

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

<script>
    $("#bottomnav").kendoBottomNavigation({
        items: [
            { text: "Home", icon: "home", attributes: { "data-val" : "custom data attribute" } },
            { text: "Info", icon: "info-circle" },
            { text: "Contact", icon: "envelope" }
        ]
    });
</script>