Template:Tooltip: Difference between revisions

Latest revision as of 21:52, 7 October 2024

What this is

Styles for this template are found on Common.css

Usage & Examples

{{tt|Normal text|Tooltip text}}

Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.

{{tt|Normal text without underline|Tooltip text|line=false}}

Normal text without underlineTooltip text

{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}

{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}

Nested tooltipBottom textTop text

{{tt|left-aligned text|Tooltip text|text-align=left}}

left-aligned textTooltip text

{{tt|Normal text|[[Main_Page|Tooltip text]]}}

Lorem ipsum, Normal textTooltip text, sed do dolore magna aliqua.

The above documentation is transcluded from Template:Tooltip/doc. (edit | history)

@@ Line 1: / Line 1: @@
-<includeonly><span class="tooltip" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude>== What this is ==
+<includeonly><span class="tooltip" {{ #ifeq: {{{line|true}}} | false | style="border-bottom: 0;" }}>{{{1}}}<span class="tooltiptext" style="{{#if:{{{text-align|}}}|text-align:{{{text-align|default}}};}}">{{{2}}}</span></span></includeonly><noinclude>{{doc}}</noinclude>
-A template to write tooltips!
-== Usage & Examples ==
-<pre><nowiki>{{tt|Normal text|Tooltip text}}</nowiki></pre>
-{{tt|Normal text|Tooltip text}}
-<br>
-<pre><nowiki>{{tt|Normal text without underline|Tooltip text|line=false}}</nowiki></pre>
-{{tt|Normal text without underline|Tooltip text|line=false}}
-<br>
-<pre><nowiki>{{tt|Tooltip text with horizontal rule|Tooltip<hr>Text}}</nowiki></pre>
-{{tt|Tooltip text with horizontal rule|Tooltip<hr />Text}}
-<br>
-<pre><nowiki>{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}</nowiki></pre>
-{{tt|{{tt|Nested tooltip|Bottom text}}|Top text}}
-<br>
-<pre><nowiki>{{tt|left-aligned text|Tooltip text|text-align=left}}</nowiki></pre>
-{{tt|left-aligned text|Tooltip text|text-align=left}}
-== Notes ==
-* Do '''not''' use <code><nowiki><hr /></nowiki></code> inside tooltips!
-** Use <code><nowiki><span class="hr"></span></nowiki></code> instead.
-** This is due to mw parser spawning random linebreaks if <code><nowiki><hr /></nowiki></code> is used.
-<templatedata>
-{
-	"params": {
-		"1": {
-			"label": "Text",
-			"description": "Text to be shown by normally.",
-			"type": "string",
-			"required": true
-		},
-		"2": {
-			"label": "Tooltip Text",
-			"description": "Text to be shown in the tooltip when hovered.",
-			"type": "string",
-			"required": true
-		},
-		"line": {
-			"label": "Show Underline",
-			"description": "Defaults to true. Set to false to hide the dotted underline.",
-			"type": "boolean"
-		},
-		"text-align": {
-			"label": "Text Align",
-			"description": "Overrides text-align style. Possible values: left, center, right, justify.",
-			"type": "string"
-		}
-	},
-	"description": "A template to write tooltips!",
-	"paramOrder": [
-		"1",
-		"2",
-		"line",
-		"text-align"
-	],
-	"format": "inline"
-}
-</templatedata>
-</noinclude>