Template:Tabber/doc

Description

This template is used to add tabbers to pages that work on both desktop and mobile. It should only be used on pages or categories of pages that heavily rely on them, such as galleries.

Usage & Syntax

{{Tabber
|<Tab Title>
|<Tab Content>
}}

Tab title is the title of the tab. It should not have |-| at the start or include a = at the end. Tab content is the content of the tab. For both of these parameters, the | and = symbols cannot always be used and instead have to be added by typing {{!}} and {{=}} respectively. This does not apply to templates, links, files or parser functions.

Examples

Regular Tabber

{{Tabber
|First tab
|This is the {{Color|Uncommon|first}} tab
|Second tab
|This is the {{Color|Uncommon|second}} tab
|Fourth tab
|This is the {{Color|LegendaryConsumable|fourth}} tab?
It actually is {{Color|Hard|not}}
}}

This is the first tab

This is the second tab

This is the fourth tab? It actually is not

Tables in Tabbers

{{Tabber
|Important Table
|{{{!}} class{{=}}"tds-table align-center" style{{=}}"margin:0 auto;"
!Is this important information?
{{!}}-
{{!}}<span class{{=}}"no-text">NO</span>
{{!}}}
|Not Important Table
|{{{!}} class{{=}}"tds-table align-center" style{{=}}"margin:0 auto;"
!Is this important information?
{{!}}-
{{!}}<span class{{=}}"yes-text">YES</span>
{{!}}}
|Possibly Important Table
|{{{!}} class{{=}}"tds-table align-center" style{{=}}"margin:0 auto;"
!Is this important information?
{{!}}-
{{!}}<span class{{=}}"neutral-text">MAYBE</span>
{{!}}}
}}

Is this important information?
NO

Is this important information?
YES

Is this important information?
MAYBE

Double Tabber

Colors
{{Tabber
|Red
|{{Tabber
|Crimson
|<span style{{=}}"color: crimson">Example Text</span>
|Maroon
|<span style{{=}}"color: maroon">Example Text</span>
|Red
|<span style{{=}}"color: red">Example Text</span>
}}
|Blue
|{{Tabber
|Navy
|<span style{{=}}"color: navy">Example Text</span>
|Teal
|<span style{{=}}"color: teal">Example Text</span>
|Aqua
|<span style{{=}}"color: aqua">Example Text</span>
}}
|Green
|{{Tabber
|Lime
|<span style{{=}}"color: lime">Example Text</span>
|Chartreuse
|<span style{{=}}"color: chartreuse">Example Text</span>
|Lawngreen
|<span style{{=}}"color: lawngreen">Example Text</span>
}}
}}

Colors

Example Text