Template:Tooltip: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Gammaton32 (talk | contribs) fixed line break |
Line break fix I hope |
||
| Line 1: | Line 1: | ||
<includeonly>< | <includeonly><span class="tooltip-container"><span class="tooltip-trigger" tabindex="0">{{{1|{{{text|}}}}}}</span>{{#tag:div|{{{2|{{{hover|}}}}}}|class=tooltip-content|role=tooltip}}</span></includeonly><noinclude> | ||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> | ||
Revision as of 22:57, 21 January 2026
Usage
This template creates a tooltip that displays additional information when hovered (desktop) or tapped (mobile). It supports text, images, bullet points, and HTML tables.
Examples
Basic Text
{{Tooltip|Damage Resist|Reduces incoming damage by a percentage.}}
Damage ResistReduces incoming damage by a percentage.
Using Named Parameters
Recommended for complex content to avoid issues with equals signs.
{{Tooltip|text=Spirit Power|hover=Increases the effectiveness of abilities and items.}}
Spirit PowerIncreases the effectiveness of abilities and items.
Lists
To use bullet points, start the list on a new line inside the parameter.
{{Tooltip|text=Debuffs|hover=
* Stun
* Silence
* Disarm
}}
Debuffs* Stun
- Silence
- Disarm
HTML Tables
Use standard HTML tags for tables. Do not use Wiki Table syntax ({| |}) as it breaks templates.
{{Tooltip|text=Scaling Stats|hover=
<table class="wikitable" style="margin:0; width:100%">
<tr>
<th>Level</th>
<th>Bonus</th>
</tr>
<tr>
<td>1</td>
<td>+2 Spirit</td>
</tr>
<tr>
<td>2</td>
<td>+4 Spirit</td>
</tr>
</table>
}}
Scaling Stats| Level | Bonus |
|---|---|
| 1 | +2 Spirit |
| 2 | +4 Spirit |
No description.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Trigger Text | 1 text | The visible text that is underlined. | String | required |
| Tooltip Content | 2 hover | The content shown inside the popup box. Supports HTML tables, images, and lists. | Content | required |