Quelltext der Seite Vorlage:Clickable button 2/doc

{{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||
<!-- Categories and interwikis go here: -->
[[Category:Wikipedia formatting and function templates]]
[[Category:Wikipedia button templates]]

}}</includeonly>