Tabs

Tabs

This component can be used as navigation, or it may be used for collections of some kind. You may prefer changing the colours to something less striking, and that involves both the class .tabconent and the attributes on each button. 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%.

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 which makes the whole thing work. If you want to add contents below the tabs component, it is best to insert a new container section below and outside the container .tab-wrap.

Download this component