Tɛmplet: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: 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

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