Template:Tab/doc

From Tears of Themis Wiki
Template-info.png Documentation

Boilerplate[edit source]

{{tab/start}}<!--
-->{{tab/header|}}<!--
--><!--
-->{{tab/header|}}<!--
--><!--
-->{{tab/end}}

Usage[edit source]

{{tab/start}}
{{tab/header|tab name 1}}
tab content 1
{{tab/header|tab name 2}}
tab content 2
<!-- as many tabs as needed can be added -->
{{tab/end}}
tab name 1

tab content 1

tab name 2

tab content 2

Styling tabs[edit source]

{{tab/start}} may optionally have inline styles applied to it:
{{tab/start|style=<!-- CSS here -->}}
which will show on both the JavaScript and non-Javascript versions.
{{tab/start|style=width:50%;}}
{{tab/header|tab name 1}}
tab content 1
{{tab/header|tab name 2}}
tab content 2
{{tab/end}}
tab name 1

tab content 1

tab name 2

tab content 2

Setting a default tab[edit source]

By default the first tab will be selected. To override that behavior and select a different tab, the # of the tab to be selected can be passed to {{tab/start}} through the 'default' parameter:

{{tab/start|default=2}}
{{tab/header|tab name 1}}
tab content 1
{{tab/header|tab name 2}}
tab content 2
{{tab/end}}
tab name 1

tab content 1

tab name 2

tab content 2

Nesting tabs[edit source]

Tabs can be nested.

{{tab/start}}
{{tab/header|tab name 1}}
{{tab/start}}
{{tab/header|nested tab name 1}}
tab content 1
{{tab/header|nested tab name 2}}
tab content 2
{{tab/end}}
{{tab/header|tab name 2}}
{{tab/start}}
{{tab/header|nested tab name 1}}
tab content 3
{{tab/header|nested tab name 2}}
tab content 4
{{tab/end}}
{{tab/end}}
tab name 1
nested tab name 1

tab content 1

nested tab name 2

tab content 2

tab name 2
nested tab name 1

tab content 3

nested tab name 2

tab content 4

This is the documentation page, it should be transcluded into the main template page. See Template:Doc for more information.