Template:Template demo: Difference between revisions
(Added list style) |
(Updated list style) |
||
| Line 7: | Line 7: | ||
{{#while: | {{#while: | ||
| {{{{{#var: i }} |}}} | | {{{{{#var: i }} |}}} | ||
| <tr><td>{{Demo|sep=</td><td>|nocat=yes|{{{ {{#var: i}} }}}}}</td></tr> | | <tr><td>{{Demo|sep=</td><td>|nocat=yes|tag=code|{{{ {{#var: i}} }}}}}</td></tr> | ||
{{#vardefine: i | {{#expr: {{#var: i }} + 1 }} }} | {{#vardefine: i | {{#expr: {{#var: i }} + 1 }} }} | ||
}}</table> | }}</table> | ||
| list = {{#while: | | list = {{#while: | ||
| {{{{{#var: i }} |}}} | | {{{{{#var: i }} |}}} | ||
| {{Demo|sep=Renders as | | <div class="bg3wiki-tooltip-box>'''Markup'''{{Demo|sep='''Renders as'''|nocat=yes|style=margin-top:0px;|tag=pre|{{trim|{{{ {{#var: i}} }}}}}}}</div> | ||
{{#vardefine: i | {{#expr: {{#var: i }} + 1 }} }} | {{#vardefine: i | {{#expr: {{#var: i }} + 1 }} }} | ||
}} | }} | ||
Revision as of 23:37, 19 July 2024
This template is designed to easily demo template usage and is intended for use within template documentation pages. It lets you display a set of template examples with the markup and rendered output displayed side-by-side.
This template has two styles: a two-column table (style = table) and a list (style = list). The table is appropriate table is appropriate for shorter, inline templates. For larger templates, the list style may be preferred.
As with Template:Demo on Wikipedia, the arguments to this template must be wrapped in <nowiki>...</nowiki> tags or the parameters with be expanded before being passed to this template.
Examples
Table style
Select this style with style = table. It is also the default style used if the optional style parameter is omitted. This style should be used for shorter, inline templates that can fit nicely within a two-column table.
| Markup | Renders as |
|---|---|
{{CharLink|Shadowheart}}
| Shadowheart |
{{DamageText|2d4 + 1|Fire}}
| 2d4 + 1 Fire
|
List style
Select this style with style = list. This should be used to demo templates too large to fit within a table.
Output
{{ImageQuote
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire.
| image = Portrait Steel Watcher.png
| link = Adamantine Golem
}}
Renders as
“The operations of these huge steel juggernauts are powered by engines of churning hellfire.„
{{ImageQuote
| quote = These levitating eyes transmit all that they see to the one who created them.
| image = Portrait Scrying Eye.png
| link = Scrying Eye
| height = 60px
| rounding = 20%
| font-size = 100%
}}
Renders as
“These levitating eyes transmit all that they see to the one who created them.„