Template:Clickable button 2

%5B%5BWP%3ACSD%23G6%7CG6%5D%5D%3A+%5B%5BWikipedia%3ATemplates+for+discussion%2FLog%2F2021+June+18%23Template%3AClickable+button%5D%5D{{{CRITERION}}}

Template documentation[view] [edit] [history] [purge]

This template styles a link like a button, using the mediawiki.ui.button module. This expands the clickable area and tap target for the link. It can be used in the following ways,

• Code: {{Clickable button 2|Main Page}}
  • Result: Main Page
• Code: {{Clickable button 2|Main Page|Cover page}}
  • Result: Cover page
• Code: {{Clickable button 2|Main Page|url=http://en.wikipedia.org}}
  • Result: Main Page
• Code: {{Clickable button 2|Main Page|class=mw-ui-destructive}}
  • Result: Main Page
• Code: {{Clickable button 2|Main Page|class=mw-ui-progressive}}
  • Result: Main Page

Note: After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button 2|Main Page|class=mw-ui-constructive}} produces the same output as {{Clickable button 2|Main Page|class=mw-ui-progressive}}.

Template data

Styles a link like a button, using the mediawiki.ui.button module

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
Link/Label	1	Defines the page to link to, and uses that page's title as the text for the button Example Foobar	Page name	required
Label	2	Defines the text that appears on the button Default the page being linked to	Unknown	suggested
URL	url	Defines a web address for the button to link to Example https://www.example.com	URL	optional
class	class	Defines the visual type of the button Example mw-ui-progressive, mw-ui-destructive	String	optional
Custom CSS styling	style	Allows custom CSS styling to be applied to the button Default None Example border: 2px solid red;	String	optional
Category switch	category	Whether or not categories should be on Default yes Example no Auto value 0	Boolean	optional

See also

• commons:Template:Clickable button, corresponding clickable button at Commons.
• Wikimedia design style guide advice on buttons

The above documentation is transcluded from Template:Clickable button 2/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.