Tab Navigation

This component can be used as navigation, or it may be used for collections of some kind. If the component were not limited in width on this page, it would have spread out covering 'wall-to-wall'. That can of course be done, and the height may be set to100%, so you can use it for whole pages.

You may prefer changing the colours to something less striking, and that involves both the ID on each .tabsconent class and the attributes on each button.

The contents of the panels can be anything you need to put in there.

At the bottom of the component there is a HTML element with some java script that makes the whole thing work. The ID and class names used in the component are also being utilized by that java script and should therefore not be changed.

If you want to add contents below this component, it is best to insert a new container section below and outside the container .tabs-wrap.

Download this component