Template:Clickable button 2/doc: Difference between revisions
Created page with "{{Documentation subpage}} {{template shortcut|CLB2|Click}} {{lua|Module:Clickable button 2}} {{used in system}} 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 Pag..." |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 12: | Line 12: | ||
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|url=http://en.wikipedia.org}}</nowiki></code> | *'''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}} | **'''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> | *'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-destructive}}</nowiki></code> or <code><nowiki>{{Clickable button 2|Main Page|color=red}}</nowiki></code> | ||
**'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-destructive}} | **'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-destructive}} | ||
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-constructive}}</nowiki></code> | *'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-constructive}}</nowiki></code> or <code><nowiki>{{Clickable button 2|Main Page|color=green}}</nowiki></code> | ||
**'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-constructive}} | **'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-constructive}} | ||
*'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-progressive}}</nowiki></code> | *'''Code: '''<code><nowiki>{{Clickable button 2|Main Page|class=mw-ui-progressive}}</nowiki></code> or <code><nowiki>{{Clickable button 2|Main Page|color=blue}}</nowiki></code> | ||
**'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-progressive}} | **'''Result: '''{{Clickable button 2|Main Page|class=mw-ui-progressive}} | ||
| Line 34: | Line 34: | ||
"label": "Label", | "label": "Label", | ||
"description": "Defines the text that appears on the button", | "description": "Defines the text that appears on the button", | ||
"default": "the page being linked to" | "example": "Go to Foobar", | ||
"default": "the page being linked to", | |||
"type": "string" | |||
}, | }, | ||
"url": { | "url": { | ||
| Line 46: | Line 48: | ||
"description": "Defines the visual type of the button", | "description": "Defines the visual type of the button", | ||
"example": "mw-ui-progressive, mw-ui-constructive, mw-ui-destructive" | "example": "mw-ui-progressive, mw-ui-constructive, mw-ui-destructive" | ||
}, | |||
"color": { | |||
"type": "string", | |||
"description": "Alias of class", | |||
"example": "red, green, blue" | |||
}, | }, | ||
"style": { | "style": { | ||
| Line 69: | Line 76: | ||
=== See also === | === See also === | ||
* [[ | * [[Template:Clickable button]], Clickable button 1. | ||
* [https://design.wikimedia.org/style-guide/components/buttons.html Wikimedia design style guide advice on buttons] | * [https://design.wikimedia.org/style-guide/components/buttons.html Wikimedia design style guide advice on buttons] | ||