模板: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

模板参数

此模板首选参数不换行的行内格式。

参数		描述	类型	状态
Link/Label	1	Defines the page to link to, and uses that page's title as the text for the button 示例值 Foobar	页面名称	必需
Label	2	Defines the text that appears on the button 默认值 the page being linked to	未知	推荐
URL	url	Defines a web address for the button to link to 示例值 https://www.example.com	URL	可选
class	class	Defines the visual type of the button 示例值 mw-ui-progressive, mw-ui-destructive	字符串	可选
Custom CSS styling	style	Allows custom CSS styling to be applied to the button 默认值 None 示例值 border: 2px solid red;	字符串	可选
Category switch	category	Whether or not categories should be on 默认值 yes 示例值 no 自动值 0	布尔	可选

See also

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