Template:Template demo

Template documentation

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 three styles: a two-column table (style = table), a list (style = list), or a tabbed(style = tabbed). The table is appropriate for shorter, inline templates. For larger templates, the list style may be preferred. For exceptionally long templates like page generators, tabbed style may be preferred.

As with ⁠Template:Demo, the arguments to this template must be wrapped in <nowiki>...</nowiki> tags or the parameters will 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.

Input

{{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>
}}

Output

Markup	Renders as
{{CharLink\|Shadowheart}}	Shadowheart
{{DamageText\|2d4 + 1\|Fire}}	Template:DamageText
{{RarityItem\|Hat of Fire Acuity}}	File:Hat of Fire Acuity Icon.webp Hat of Fire Acuity
{{SAI\|Fireball}}	Fireball

Table style with captions

If you want to add captions to the examples, you can do so with caption <number> parameters. This switches to a 3 column layout.

Input

{{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>
}}

Output

Example	Markup	Renders as
CharLink demo	{{CharLink\|Shadowheart}}	Shadowheart
DamageText demo	{{DamageText\|2d4 + 1\|Fire}}	Template:DamageText
RarityItem demo	{{RarityItem\|Hat of Fire Acuity}}	File:Hat of Fire Acuity Icon.webp Hat of Fire Acuity
SAI demo	{{SAI\|Fireball}}	Fireball

List style

Select this style with style = list. 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.

Input

{{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 = 60
| rounding = 20%
| font-size = 100%
}}
</nowiki>
}}

Output

Markup

{{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
}}

Renders as

File:Portrait Steel Watcher.png

“

The operations of these huge steel juggernauts are powered by engines of churning hellfire.

„

This example demonstrates many of the optional style parameters.

Markup

{{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 = 60
| rounding = 20%
| font-size = 100%
}}

Renders as

File:Portrait Scrying Eye.png

“

These levitating eyes transmit all that they see to the one who created them.

„

Tabbed style

Select this style with style = tabbed. Tabbed style is good for exceptionally long templates such as page generators.

Input

{{Template demo
| style = tabbed
| <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>
| <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 = 60
| rounding = 20%
| font-size = 100%
}}
</nowiki>
}}

Output

Markup

{{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
}}

Renders as

File:Portrait Steel Watcher.png

“

The operations of these huge steel juggernauts are powered by engines of churning hellfire.

„

Markup

{{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 = 60
| rounding = 20%
| font-size = 100%
}}

Renders as

File:Portrait Scrying Eye.png

“

These levitating eyes transmit all that they see to the one who created them.

„

Template data

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.

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Example 1	`1`	Example markup/wikitext to demo. This parameter must be surrounded by <nowiki> tags to work correctly. Example <nowiki>{{SAI\|Fire Bolt}}</nowiki>	Content	optional
Example 2	`2`	Example markup/wikitext to demo. This parameter must be surrounded by <nowiki> tags to work correctly. Example <nowiki>{{SAI\|Fire Bolt}}</nowiki>	Content	optional
And so on...	`3`	Example markup/wikitext to demo. This parameter must be surrounded by <nowiki> tags to work correctly. Example <nowiki>{{SAI\|Fire Bolt}}</nowiki>	Content	optional
Example 1 caption	`caption 1`	An additional caption or title for the example if you want to add additional context. Example This example demos the {{c\|style}} optional parameter.	String	optional
Example 2 caption	`caption 2`	An additional caption or title for the example if you want to add additional context. Example This example demos the {{c\|style}} optional parameter.	String	optional
And so on...	`caption 3`	An additional caption or title for the example if you want to add additional context. Example This example demos the {{c\|style}} optional parameter.	String	optional
Style	`style`	Select the layout style appropriate for the template being demoed. Suggested values `table` `list` Default table	String	optional