Template:Tabber

This template is used to create a styled tabber layout. It uses the deprecated Extension:Tabber behind the scene to create the tabber layout, which is also used by other templates, including {{DropTable}} and {{Infobox entity}}.

This template uses the following arguments:

• |tabnameN=<tab name> – the name inserted in the tab header.
• |tabcontentN=<tab content> – the content inserted in the tab's page.
• |border-color=<css color> – sets the color of the tab's bottom border when active. Can be hexadecimal or other supported CSS colors.
  • By default, it is set to var(--infobox-header-background-color) in the stylesheet.
• |class=<wrapper class> – adds a custom class name to the "div" wrapper around the tabber. There are few built-in classes from styled tabber you can use:
  • tabbernav-center which is used to center the navigation bar on the tabber.
  • tabber-images which is used to support wikitext images inside the tabber with additional styling.
    • This fixes margin issues when images are placed on the tabber itself. It also has specific styles made for mobile view.
    • Complementary classes include thumb-right and thumb-left used to float the tabber right or left.
  • tabber-italic which is used to italicize the tab names (usually for edition names).
• |style=<wrapper style> – adds a custom element styling to the "div" wrapper around the tabber.
• |ts=<templatestyles path> – loads a custom TemplateStyles.
  • By default, it uses Template:Styled tabber.css. If you're creating a custom TemplateStyles for personal use (such as user page) or testing, please do so in Template:Sandbox.

A tabber with multiple tabs and various wikitext markup inside:

{{Tabber
|tabname1=First Tab
|tabcontent1=
This is the content of the '''first tab.'''
|tabname2=Second Tab
|tabcontent2=
Here goes the content of the second tab.
You can include:
* Lists
* Templates
* Images
|tabname3=Third Tab
|tabcontent3=
Final tab content.

Feel free to add tables, syntaxhighlight blocks, or anything else.
}}

Produces