Median.co Set Sidebar/Tab Navigation Demo

                    [
    {
        "subLinks": [],
        "label": "Sample Contact",
        "url": "https://median.dev/sidebar-tab-demo/contact"
    },
    {
        "subLinks": [],
        "label": "Sample About",
        "url": "https://median.dev/sidebar-tab-demo/about"
    }
]
                    
                

                    var items = [{
    label: "Google",
    url: "https://google.com",
    icon: "fab fa-google" // optional font awesome 4.7 icon
}, {
    label: "Sample Grouping",
    isGrouping: true, 
    subLinks: [{
        label: "Apple",
        url: "https://apple.com",
        icon: "fab fa-apple" // optional
    }, {
        label: "Google",
        url: "https://google.com",
        icon: "fab fa-google" //optional
    }]
}, {
    label: "Sample Javascript",
    url: "javascript:alert('test')"
}];
median.sidebar.setItems({
    'items': items
});
                    
                

                    {
    "tabSelectionConfig": [
        {
            "id": "1",
            "regex": "https://median.dev/sidebar-tab-demo/about.*"
        },
        {
            "id": "2",
            "regex": "https://median.dev/sidebar-tab-demo/contact.*"
        }
    ],
    "tabMenus": [
        {
            "items": [
                {
                    "subLinks": [],
                    "label": "Home",
                    "url": "https://median.dev/sidebar-tab-demo/index",
                    "icon": "fas fa-house"
                },
                {
                    "subLinks": [],
                    "label": "Contact Us",
                    "url": "https://median.dev/sidebar-tab-demo/contact",
                    "icon": "fas fa-envelope"
                }
            ],
            "id": "1"
        },
        {
            "items": [
                {
                    "subLinks": [],
                    "label": "Home",
                    "url": "https://median.dev/sidebar-tab-demo",
                    "icon": "fas fa-house"
                },
                {
                    "subLinks": [],
                    "label": "About Us",
                    "url": "https://median.dev/sidebar-tab-demo/about",
                    "icon": "fas fa-user"
                }
            ],
            "id": "2"
        }
    ],
    "active": true
}
                

                    median.tabNavigation.setTabs({
    "enabled": true, // set enabled to false to hide the tabs
    "items": [{
        "icon": "fas fa-cloud", //optional
        "label": "Tab 1",
        "url": "javascript:alert('You selected tab 1')"
    }, {
        "icon": "fas fa-globe", //optional
        "label": "Tab 2",
        "url": "javascript:alert('You selected tab 2')"
    }, {
        "icon": "fas fa-users", //optional
        "label": "Tab 3",
        "url": "javascript:alert('You selected tab 3')"
    }]
});
                

                    if (navigator.userAgent.indexOf('gonative') > -1 || navigator.userAgent.indexOf('median') > -1) {
    median.tabNavigation.selectTab(tabIndex); 
    // the tabs are 0-indexed
    // i.e. tabs/select/1 will select the second tab
}