Template:IconBox/docGive feedback
Usage
{{IconBox}} displays a box with a colored header, an icon, and a body of text. It carries no meaning of its own — every part of its appearance is supplied by the caller.
For standard ability interactions, use {{AbilityInteraction}} instead. It picks the header, color, icon, and link from a registry, so a given mechanic looks the same on every page. IconBox is for one-off boxes the registry does not cover.
Parameters
A box with a colored header, an icon, and body text. Presentation is supplied entirely by the caller.
| 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 data-ai-icon, data-ai-title, and data-ai-state on its wrapper element. Module:AbilitySection reads these to build the hint icons shown beside an ability card, and to link each one to its box.
These attributes are a contract with that module. The CSS class names are not — they are presentational and may change. Any code that needs to find these boxes should match on the data attributes.
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.