Template:Clickable button 2/doc

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:
• Code: {{Clickable button 2|Main Page|Cover page}}
  • Result:
• Code: {{Clickable button 2|Main Page|url=http://en.wikipedia.org}}
  • Result:
• Code: {{Clickable button 2|Main Page|class=mw-ui-destructive}}
  • Result:
• Code: {{Clickable button 2|Main Page|class=mw-ui-constructive}}
  • Result:
• Code: {{Clickable button 2|Main Page|class=mw-ui-progressive}}
  • Result:
• Code: {{Clickable button 2|Main Page|Red|color=red}}
  • Result:
• Code: {{Clickable button 2|Main Page|Green|color=green}}
  • Result:
• Code: {{Clickable button 2|Main Page|Blue|color=blue}}
  • Result:

Template data

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

Template parameters

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-constructive, mw-ui-destructive	String	optional
color	color	Alias of class Example red, green, blue	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