Function Nav

Navigation

import { Components } from "gd-sprest-bs";

// Create the navigation
let el = document.querySelector("#navigation");
let nav = Components.Nav({
    el: el,
    isJustified: true,
    isPills: true,
    isTabs: true,
    items: [
        { title: "Nav 1", tabContent: "This is the content for tab 1.", isActive: true },
        { title: "Nav 2", tabContent: "This is the content for tab 2." },
        { title: "Nav 3", tabContent: "This is the content for tab 3." },
        { title: "Nav 4", tabContent: "This is the content for tab 4." },
        { title: "Nav 5", onRenderTab: function(el) { el.innerHTML = "This is the content for tab 5."; } }
    ]
});
Copy