imported>Yoshi24517: Reverted edits by Salissuleiman23 (talk) (HG) (3.4.12)

2023-03-21T02:10:10Z

Reverted edits by Salissuleiman23 (talk) (HG) (3.4.12)

New page

{{Documentation subpage}}
{{template shortcut|CLB2|Click}}
{{lua|Module:Clickable button 2}}

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: '''<code><nowiki>{{Clickable button 2|Main Page}}</nowiki></code>
**'''Result: '''{{Clickable button 2|Main Page}}
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|Cover page}}</nowiki></code>
**'''Result: '''{{Clickable button 2|Main Page|Cover page}}
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|url=http://en.wikipedia.org}}</nowiki></code>
**'''Result: '''{{Clickable button 2|Main Page|url=http://en.wikipedia.org}}
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-destructive}}</nowiki></code>
**'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-destructive}}
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-progressive}}</nowiki></code>
**'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-progressive}}

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

=== Template data ===
<templatedata>
{
"params": {
"1": {
"required": true,
"label": "Link/Label",
"description": "Defines the page to link to, and uses that page's title as the text for the button",
"example": "Foobar",
"type": "wiki-page-name"
},
"2": {
"suggested": true,
"label": "Label",
"description": "Defines the text that appears on the button"
},
"url": {
"type": "url",
"label": "URL",
"description": "Defines a web address for the button to link to",
"example": "https://www.example.com"
},
"class": {
"type": "string",
"description": "Defines the visual type of the button",
"example": "mw-ui-progressive, mw-ui-destructive"
},
"style": {
"type": "string"
},
"category": {
"type": "boolean"
}
},
"description": "Styles a link like a button, using the mediawiki.ui.button module",
"format": "inline"
}
</templatedata>

=== See also ===
* [[commons:Template:Clickable button]], corresponding clickable button at Commons.
* [https://design.wikimedia.org/style-guide/components/buttons.html Wikimedia design style guide advice on buttons]

{{Button templates}}
<includeonly>{{Sandbox other||

[[Category:Wikipedia formatting and function templates]]
[[Category:Wikipedia button templates]]

}}</includeonly>

Template:Clickable button 2/doc - Revision history

imported>Yoshi24517: Reverted edits by Salissuleiman23 (talk) (HG) (3.4.12)