Template:TabberHeader

The {{TabberHeader}} tag is used to easily create a tabbed section. Requires separately using the <tabber> tags and TabberFooter template.

This makes use of the TabberNeue extension.

This adds the wrapping <div> and allows easy configuration of a few style properties.

Neither this template nor the footer add any categories to the page. This is because the separately-added <tabber> tag does this. See Category:Pages_using_Tabber_parser_tag.

All tabs using this template are right-floated.

Anything can be added to the tab contents, but this is usually used with {{Commodity}} templates.

How to use

To use this on a page, add it above the content you want to separate into tabs, followed by a separate <tabber> tag.

{{TabberHeader}}<tabber>

Metal EV Suit
Nominal Cost
5,740.57¢
Weight
22.68kg
Pack Size
40

Metal EV Helmet
Nominal Cost
1,657.87¢
Weight
0.45kg
Pack Size
4

This is the content of tab1.

This is the content of the second tab. The tabs can have any name.

Then, separate each tab with |-|, followed by the name of that specific tab and an equals (=) sign, like this:

 {{TabberHeader}}
 <tabber>
 |-|Tab1=This is the content of tab1.
 |-|Tab2=This is the content of the second tab. The tabs can have any name.
 </tabber>
 {{TabberFooter}}
 

Which will produce the first example on the right.

When using the {{TabberHeader}} tag, you can also change the width of the entire section along with enable a blue border:

 {{TabberHeader|Border=yes|Width=200px}}
 <tabber>
 |-|Tab1=This is the content of tab1.
 |-|Tab2=This is the content of the second tab. The tabs can have any name.
 </tabber>
 {{TabberFooter}}
 

Metal EV Suit
Nominal Cost
5,740.57¢
Weight
22.68kg
Pack Size
40

Metal EV Helmet
Nominal Cost
1,657.87¢
Weight
0.45kg
Pack Size
4

This is the content of tab1.

This is the content of the second tab. The tabs can have any name.