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

          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.html",
          "icon": "fas fa-house"
        },
        {
          "subLinks": [],
          "label": "Contact Us",
          "url": "https://median.dev/sidebar-tab-demo/contact.html",
          "icon": "fas fa-envelope"
        }
      ],
      "id": "1"
    },
    {
      "items": [
        {
          "subLinks": [],
          "label": "Home",
          "url": "https://median.dev/sidebar-tab-demo/index.html",
          "icon": "fas fa-house"
        },
        {
          "subLinks": [],
          "label": "About Us",
          "url": "https://median.dev/sidebar-tab-demo/about.html",
          "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
}