The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
Tab navigation lets users to explore and switch between different content in our channels.
The tab navigation is tied to the main navigation structure and organises the content.
Use the tab navigation organise groups of content at the same level of hierarchy. Each tab should contain content that is distinct from other tabs.
The tabs have the same design and functionality in all devices. If there are too many tabs for the page, there will be a horizontal scrolling in the tab navigation area. A white shadow will appear which makes it look like it's fading out to the side. You can swipe the navigation to see more tabs.
Desktop
Tablet
Mobile
Desktop example
Tablet example
Mobile example