Template:Clickable button/doc: Difference between revisions

Latest revision as of 14:46, 15 August 2026

Tracked in Phabricator
Task T39744

This subpage contains documentation, categories, or other content that is not part of the template.
To view the template page itself, see Template:Clickable button.

العربية ∙ asturianu ∙ Boarisch ∙ беларуская (тарашкевіца) ∙ български ∙ বাংলা ∙ català ∙ čeština ∙ dansk ∙ Deutsch ∙ Zazaki ∙ Ελληνικά ∙ English ∙ Esperanto ∙ español ∙ eesti ∙ euskara ∙ فارسی ∙ suomi ∙ français ∙ galego ∙ עברית ∙ हिन्दी ∙ hrvatski ∙ magyar ∙ Bahasa Indonesia ∙ italiano ∙ 日本語 ∙ ქართული ∙ 한국어 ∙ кыргызча ∙ Lëtzebuergesch ∙ македонски ∙ മലയാളം ∙ ဘာသာမန် ∙ Bahasa Melayu ∙ Mirandés ∙ မြန်မာဘာသာ ∙ norsk bokmål ∙ Plattdüütsch ∙ Nederlands ∙ norsk ∙ polski ∙ português ∙ português do Brasil ∙ русский ∙ sicilianu ∙ Scots ∙ slovenščina ∙ српски / srpski ∙ svenska ∙ ไทย ∙ Türkçe ∙ українська ∙ اردو ∙ oʻzbekcha / ўзбекча ∙ Tiếng Việt ∙ 中文 ∙ 中文（简体） ∙ 中文（繁體） ∙ 中文（臺灣） ∙ +/−

Provides a button with hover effects.

Usage

{{Clickable button|FAQ|Frequently asked questions}} →

Frequently asked questions

{{Clickable button|target={{fullurl:{{FULLPAGENAME}}|withJS=MediaWiki:VisualFileChange.js}}|text=This page with '''VisualFileChange'''|external=true}}

→

This page with VisualFileChange

{{Clickable button|ww:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}

→

Wikipedia's manual of Style

{{Clickable button|ww:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}

→

Twinkle preferences

{{Clickable button|target={{fullurl:Special:Random/User talk|action=edit&section=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}}

→

Do something good

Template parameters

Parameter	Description	Default	Status
`target` 1	The target page of the "button". For external links, however, it is recommended using the named parameter target. Please use named parameters if it is an external link because they often contain `=` which would confuse the parser.	empty	required
`text` 2	Text (caption) the button should carry. Either you specify text or an icon.	empty	required
`external` 3	Is this an external link? If it is, set to yes or aye, or whatever you like, except nothing.	empty	optional
`iconPrimary` 4	A jquery UI icon class for the primary icon (in LTR languages on the left side of the button label/text). E.g. ui-icon-gear[1]	empty	optional
`iconSecondary` 5	A jquery UI icon class for the secondary icon (in LTR languages on the right side of the button label/text). E.g. ui-icon-triangle-1-s	empty	optional
`class`	Add classes like `ui-button-green ui-button-large`	empty	optional
`id`	Unique id to be used as the button's ID-Attribute. Useful for JavaScript-binding and CSS-styling.	empty	optional

Additional information

The template is intended to be used in the following namespaces: all namespaces

The template is intended to be used by the following user groups: all users

Relies on:

jquery.ui.button

Localization

This template is not intended to be localized.

Test suite/ Unit tests

Icon only	Parameter text is empty	Parameter text is empty	Parameter text is empty
Icon text	Abc	Abc	Abc
Text only, links	Abc	Abc	Abc
Colors	Abc	Abc	Abc

@@ Line 1: / Line 1: @@
-{{tracked|37744}}
+{{tracked|T39744}}
 {{TemplateBox
 |1=target
@@ Line 43: / Line 43: @@
 |name=Clickable button
 |desc=Provides a button with hover effects.
+|namespace=all
+|usergroup=all
+|placement=
+|usage-notes=
 ----
 :<code><nowiki>{{Clickable button|FAQ|Frequently asked questions}}</nowiki></code> →
@@ Line 50: / Line 54: @@
 ::: {{Clickable button|target={{fullurl:{{FULLPAGENAME}}|withJS=MediaWiki:VisualFileChange.js}}|text=This page with '''VisualFileChange'''|external=true}}
 ----
-: <code><nowiki>{{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}</nowiki></code> →
+: <code><nowiki>{{Clickable button|ww:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}</nowiki></code> →
-::: {{Clickable button|:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}
+::: {{Clickable button|ww:en:Wikipedia:Manual of Style/Layout|'''Wikipedia's manual of Style'''|class=ui-button-green ui-button-large}}
 ----
-: <code><nowiki>{{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}</nowiki></code> →
+: <code><nowiki>{{Clickable button|ww:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}</nowiki></code> →
-::: {{Clickable button|:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}
+::: {{Clickable button|ww:en:Wikipedia:Twinkle/Preferences|'''Twinkle preferences'''|iconPrimary=ui-icon-wrench|class=ui-button-blue ui-button-large}}
 ----
 : <code><nowiki>{{Clickable button|target={{fullurl:Special:Random/User talk|action=edit&section=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}}</nowiki></code> →
 ::: {{Clickable button|target={{fullurl:Special:Random/User talk|action=edit&section=new&preloadtitle=I+love+your+work+because}}|text=Do something good|iconSecondary=ui-icon-heart|external=true|class=ui-button-red}}
-----
-|namespace=all
-|usergroup=all
-|placement=
-|usage-notes=
 |type=formatting
 |example=
@@ Line 71: / Line 70: @@
 * {{tl|Clickable button 2}} (import from de.wikipedia)
 * {{tl|key press}}
+* {{tl|Clickable button 3}}
 |setscats=
 |lines=1