View source for Template:Template demo

<includeonly>{{#lvardef: i | 1 }}{{#switch:{{{style|table}}}
| table = <table class="wikitable">
<tr>
<!-- TODO: Improve the logic for determining if the table should have a caption column -->
{{#if: {{{caption 1|}}}|<th>Example</th>}}
<th>Markup</th>
<th>Renders as</th>
</tr>
{{#while:
| {{{{{#lvar: i }} |}}}
| <tr>
{{#if:{{{caption {{#lvar: i }}|}}}|<th>{{{caption {{#lvar: i }}|}}}</th>}}
<td>{{Demo|sep=</td><td>|nocat=yes|tag=pre|style=margin:0px;border:0px;|{{trim|{{{ {{#lvar: i}} }}}}}}}</td>
</tr>
{{#lvardef: i | {{#expr: {{#lvar: i }} + 1 }} }}
}}</table>
| list = {{#while:
| {{{{{#lvar: i }} |}}}
| <div class="bg3wiki-tooltip-box>{{#if:{{{caption {{#lvar: i}}|}}}|<p>{{{caption {{#lvar: i}}|}}}</p>}}'''Markup'''{{Demo|sep='''Renders as<br>'''|nocat=yes|style=margin-top:0px;|tag=pre|{{trim|{{{ {{#lvar: i}} }}}}}}}</div>
{{#lvardef: i | {{#expr: {{#lvar: i }} + 1 }} }}
}}
| #default = Unknown style option <code>{{{style|}}}</code>. Expected <code>table</code> (default) or <code>list</code>.
}}</includeonly><noinclude>{{documentation|content=
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.

== Usage ==
This template has two styles: a two-column table (<code>style = table</code>) and a list (<code>style = list</code>). The table is appropriate for shorter, inline templates. For larger templates, the list style may be preferred.

As with {{Wikipedia|Template:Demo}}, the arguments to this template {{em|must}} be wrapped in <code><nowiki><nowiki>...</nowiki</nowiki><nowiki>></nowiki></code> tags or the parameters with be expanded before being passed to this template.

== Examples ==
=== Table style ===
Select this style with <code>style = table</code>. 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.
==== Input ====
<!-- Can't recursively use this template to demo itself. Sad --->
<pre>
{{Template demo
| style = table
| &lt;nowiki>{{CharLink|Shadowheart}}</nowiki>
| &lt;nowiki>{{DamageText|2d4 + 1|Fire}}</nowiki>
| &lt;nowiki>{{RarityItem|Hat of Fire Acuity}}</nowiki>
| &lt;nowiki>{{SAI|Fireball}}</nowiki>
}}
</pre>

==== Output ====
{{Template demo
| style = table
| <nowiki>{{CharLink|Shadowheart}}</nowiki>
| <nowiki>{{DamageText|2d4 + 1|Fire}}</nowiki>
| <nowiki>{{RarityItem|Hat of Fire Acuity}}</nowiki>
| <nowiki>{{SAI|Fireball}}</nowiki>
}}

=== Table style with captions ===
If you want to add captions to the examples, you can do so with {{c|caption <number>}} parameters. This switches to a 3 column layout.
==== Input ====
<!-- Can't recursively use this template to demo itself. Sad --->
<pre>
{{Template demo
| style = table
| caption 1 = CharLink demo
| &lt;nowiki>{{CharLink|Shadowheart}}</nowiki>
| caption 2 = DamageText demo
| &lt;nowiki>{{DamageText|2d4 + 1|Fire}}</nowiki>
| caption 3 = RarityItem demo
| &lt;nowiki>{{RarityItem|Hat of Fire Acuity}}</nowiki>
| caption 4 = SAI demo
| &lt;nowiki>{{SAI|Fireball}}</nowiki>
}}
</pre>

==== Output ====
{{Template demo
| style = table
| caption 1 = CharLink demo
| <nowiki>{{CharLink|Shadowheart}}</nowiki>
| caption 2 = DamageText demo
| <nowiki>{{DamageText|2d4 + 1|Fire}}</nowiki>
| caption 3 = RarityItem demo
| <nowiki>{{RarityItem|Hat of Fire Acuity}}</nowiki>
| caption 4 = SAI demo
| <nowiki>{{SAI|Fireball}}</nowiki>
}}

=== List style ===
Select this style with <code>style = list</code>. This should be used to demo templates too large to fit within a table. You can also optionally caption the examples as with the table style.
<!-- Can't recursively use this template to demo itself. Sad --->
==== Input ====
<pre>
{{Template demo
| style = list
| &lt;nowiki>
{{Quote fancy
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire.
| image = Portrait Steel Watcher.png
| link = Adamantine Golem
}}
</nowiki>
| caption 2 = This example demonstrates many of the optional style parameters.
| &lt;nowiki>
{{Quote fancy
| 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%
}}
</nowiki>
}}
</pre>

==== Output ====
{{Template demo
| style = list
| <nowiki>
{{Quote fancy
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire.
| image = Portrait Steel Watcher.png
| link = Adamantine Golem
}}
</nowiki>
| caption 2 = This example demonstrates many of the optional style parameters.
| <nowiki>
{{Quote fancy
| 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%
}}
</nowiki>
}}

== Template data ==
<templatedata>
{
    "description": "Display a list of template examples that displays the source wikitext and rendered result side-by-side. The template supports an arbitrary number of examples as unnamed arguments.",
    "format": "block",
	"params": {
		"1": {
			"label": "Example 1",
			"description": "Example markup/wikitext to demo. This parameter must be surrounded by <nowiki> tags to work correctly.",
            "example": "<nowiki>{{SAI|Fire Bolt}}</nowiki>",
            "type": "content",
			"required": false
		},
        "2": {
			"label": "Example 2",
			"description": "Example markup/wikitext to demo. This parameter must be surrounded by <nowiki> tags to work correctly.",
            "example": "<nowiki>{{SAI|Fire Bolt}}</nowiki>",
            "type": "content",
			"required": false
		},
        "3": {
			"label": "And so on...",
			"description": "Example markup/wikitext to demo. This parameter must be surrounded by <nowiki> tags to work correctly.",
            "example": "<nowiki>{{SAI|Fire Bolt}}</nowiki>",
            "type": "content",
			"required": false
		},
        "caption 1": {
			"label": "Example 1 caption",
			"description": "An additional caption or title for the example if you want to add additional context.",
            "example": "This example demos the {{c|style}} optional parameter.",
            "type": "string",
			"required": false
		},
        "caption 2": {
			"label": "Example 2 caption",
			"description": "An additional caption or title for the example if you want to add additional context.",
            "example": "This example demos the {{c|style}} optional parameter.",
            "type": "string",
			"required": false
		},
        "caption 3": {
			"label": "And so on...",
			"description": "An additional caption or title for the example if you want to add additional context.",
            "example": "This example demos the {{c|style}} optional parameter.",
            "type": "string",
			"required": false
		},
        "style": {
			"label": "Style",
			"description": "Select the layout style appropriate for the template being demoed.",
            "type": "string",
            "suggestedvalues": ["table", "list"],
            "default": "table"
		}
	}
}
</templatedata>}}
[[Category: Templates]]
</noinclude>