Template:Tab Content: Difference between revisions

From Puella Magi Wiki
Jump to navigation Jump to search
(Created page with "<div id="{{{id}}}">{{{title}}} <div>{{{1}}}</div> </div>")
 
(Documentation)
Line 1: Line 1:
<div id="{{{id}}}">[[#{{{id}}}|{{{title}}}]]
<noinclude>
Add a tab to a tab-view div.
 
Sample usage:
 
<pre><nowiki>
<div class="tabs">
{{Tab Content|id=a|title=Tab A|This is the content of tab A.}}
{{Tab Content|id=b|title=Tab B|This is the content of tab B.}}
{{Tab Content|id=c|title=Tab C|This is the content of tab C.}}
{{Tab Content|id=d|title=Tab D|This is the content of tab D.}}
{{Tab Content|id=e|title=Tab E|This is the content of tab E.}}
</div>
</nowiki></pre>
 
The above code renders as follows:
 
<div class="tabs">
{{Tab Content|id=a|title=Tab A|This is the content of tab A.}}
{{Tab Content|id=b|title=Tab B|This is the content of tab B.}}
{{Tab Content|id=c|title=Tab C|This is the content of tab C.}}
{{Tab Content|id=d|title=Tab D|This is the content of tab D.}}
{{Tab Content|id=e|title=Tab E|This is the content of tab E.}}
</div>
</noinclude><includeonly><div id="{{{id}}}">[[#{{{id}}}|{{{title}}}]]
<div>{{{1}}}</div>
<div>{{{1}}}</div>
</div>
</div></includeonly>

Revision as of 01:31, 18 August 2023

Add a tab to a tab-view div.

Sample usage:

<div class="tabs">
{{Tab Content|id=a|title=Tab A|This is the content of tab A.}}
{{Tab Content|id=b|title=Tab B|This is the content of tab B.}}
{{Tab Content|id=c|title=Tab C|This is the content of tab C.}}
{{Tab Content|id=d|title=Tab D|This is the content of tab D.}}
{{Tab Content|id=e|title=Tab E|This is the content of tab E.}}
</div>

The above code renders as follows:

Tab A
This is the content of tab A.
Tab B
This is the content of tab B.
Tab C
This is the content of tab C.
Tab D
This is the content of tab D.
Tab E
This is the content of tab E.