Template:IconBox/doc: Difference between revisionsGive feedback
Update data attribute names after the iconbox- rename (with help from vergir-bot LLM) |
m update doc |
||
| Line 1: | Line 1: | ||
== Usage == | == Usage == | ||
{{tl|IconBox}} displays a box with a colored header, an icon, and a body of text | {{tl|IconBox}} displays a box with a colored header, an icon, and a body of text. | ||
Used by {{tl|AbilityInteraction}}. | |||
== Parameters == | == Parameters == | ||
| Line 9: | Line 9: | ||
<templatedata> | <templatedata> | ||
{ | { | ||
"description": " | "description": "", | ||
"params": { | "params": { | ||
"title": { | "title": { | ||
| Line 51: | Line 51: | ||
== Data attributes == | == Data attributes == | ||
The box carries {{code|data-iconbox-icon}}, {{code|data-iconbox-title}}, | The box carries several data attributes: | ||
* {{code|data-iconbox-icon}}, | |||
* {{code|data-iconbox-title}}, | |||
* {{code|data-iconbox-state}} on its wrapper element. | |||
[[Module:AbilitySection]] | These are used by [[Module:AbilitySection]] to apply correct styling to its own elements. | ||
== Examples == | == Examples == | ||
Revision as of 15:42, 15 July 2026
Usage
{{IconBox}} displays a box with a colored header, an icon, and a body of text.
Used by {{AbilityInteraction}}.
Parameters
| 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, or partial to gray out half of it.
| String | optional |
Data attributes
The box carries several data attributes:
data-iconbox-icon,data-iconbox-title,data-iconbox-stateon its wrapper element.
These are used by Module:AbilitySection to apply correct styling to its own elements.
Examples
{{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.