Template:Clickable button: Difference between revisions
From VNDev Wiki
Created page with "<span class="mw-ui-button {{#switch: {{{color|{{{colour|white}}}}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}" style="border-radius: 5px; padding: 10px 20px;">{{{1|Button text}}}</span><noinclude> {{documentation}} </noinclude>" |
Width + style |
||
| Line 1: | Line 1: | ||
<span class="mw-ui-button {{#switch: {{{color|{{{colour|white}}}}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}" style="border-radius: 5px; padding: 10px 20px;">{{{1|Button text}}}</span><noinclude> | <span class="mw-ui-button {{#switch: {{{color|{{{colour|white}}}}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}" style="{{#if:{{{width|}}}|width: {{{width}}};}}{{{style|border-radius: 5px; padding: 10px 20px;}}}}}">{{{1|Button text}}}</span><noinclude> | ||
{{documentation}} | {{documentation}} | ||
</noinclude> | </noinclude> | ||
Latest revision as of 10:03, 4 July 2022
This template creates an area with the visual appearance of a button. This area can be placed inside a wikilink to give the link the appearance of a button, and expand its clickable size and tap target.
Usage
Unnamed parameters:
{{clickable button|text}}{{clickable button|text|color}}
Named parameters:
{{clickable button|text|color=|width=|style=}}
Button with wikilink:
[[ WIKILINK | {{clickable button|text}} ]][[ WIKILINK | {{clickable button|text|color=|width=|style=}} ]]
Examples
Parameter: 1 (1)
Example: {{Clickable button|This looks like a button}}
- Result:
Example: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]
Parameter: color
You can select three colors: white (default), blue (progressive) and red (destructive):
White (Default) example: {{Clickable button|Button text|color=white}}
- Result:
Blue (Progressive) example: {{Clickable button|Button text|color=blue}}
- Result:
Red (Destructive) example: {{Clickable button|Button text|color=red}}
- Result:
Parameter: style
Default value: border-radius: 5px; padding: 10px 20px;
| The above documentation is transcluded from Template:Clickable button/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |
