Template:IconBox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Temporarily emit both the ai- and iconbox- class and data attribute names so consumers can migrate one at a time (with help from vergir-bot LLM) |
Support new "enhanced" state (with help from vergir-bot LLM) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><templatestyles src="IconBox/styles.css" /><div class=" | <includeonly><templatestyles src="IconBox/styles.css" /><div class="iconbox {{#if:{{{type|}}}|iconbox-type-{{{type}}}}} {{#switch:{{lc:{{{state|}}}}}|disabled=iconbox-disabled|partial=iconbox-partial|enhanced=iconbox-enhanced}}" data-iconbox-icon="{{{iconfile|}}}" data-iconbox-title="{{{title|}}}" data-iconbox-state="{{#switch:{{lc:{{{state|}}}}}|disabled=disabled|partial=partial|enhanced=enhanced|#default=normal}}"> | ||
<div class=" | <div class="iconbox-header plainlinks">{{#if:{{{link|}}} | ||
|[{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}} {{{title|}}}] | |[{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}} {{{title|}}}] | ||
|{{{title|}}} | |{{{title|}}} | ||
}}</div> | }}</div> | ||
<div class=" | <div class="iconbox-body"> | ||
<div class=" | <div class="iconbox-icon">{{#if:{{{iconfile|}}} | ||
|[[File:{{{iconfile}}}|48px|link={{#if:{{{link|}}}|{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}}}}|alt={{{title|}}}]]{{#ifeq:{{lc:{{{state|}}}}}|partial|<span class=" | |[[File:{{{iconfile}}}|48px|link={{#if:{{{link|}}}|{{#ifeq:{{lc:{{padleft:|4|{{{link|}}}}}}}|http|{{{link|}}}|https://deadlock.wiki/{{urlencode:{{{link|}}}|WIKI}}}}}}|alt={{{title|}}}]]{{#ifeq:{{lc:{{{state|}}}}}|partial|<span class="iconbox-icon-partial">[[File:{{{iconfile}}}|48px|link=]]</span>}} | ||
}}</div> | }}</div> | ||
<div class=" | <div class="iconbox-text"> | ||
{{{text|}}} | {{{text|}}} | ||
</div> | </div> | ||
</div> | </div> | ||
</div></includeonly><noinclude>{{Documentation}}</noinclude> | </div></includeonly><noinclude>{{Documentation}}</noinclude> | ||
Latest revision as of 10:09, 2 August 2026
Usage
[edit source]{{IconBox}} displays a box with a colored header, an icon, and a body of text.
Used by {{AbilityInteraction}}.
Parameters
[edit source]| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| title | title | Text shown in the box header. | String | required |
| text | text | Wikitext shown in the box body. May contain wikilinks, templates such as AbilityIcon, and lists. | Content | optional |
| type | type | Header color: positive (green), negative (red), or info (blue).
| String | required |
| iconfile | iconfile | File name of the icon image, without the File: prefix.
| String | required |
| link | link | Where the header and icon link. A bare page name (e.g. Healing Booster) or a full URL.
| String | required |
| state | state | Set to disabled to gray out the icon, partial to gray out half of it, or enhanced to add a blue glow.
| String | optional |
Examples
[edit source]{{IconBox
| type = positive
| iconfile = Melee Charge.png
| link = Melee Charge
| title = Melee
| text = This ability benefits from Melee damage bonuses.
}}
This ability benefits from Melee damage bonuses.
Data attributes
[edit source]The box carries several data attributes:
data-iconbox-icon,data-iconbox-title,data-iconbox-stateon its wrapper element.