Difference between revisions of "Template:Clickable button"
imported>Matt Fitzpatrick (removed button role, this template's typical use is to navigate to a new url, which is link role not button role) |
imported>Paine Ellsworth m (update) |
||
| Line 1: | Line 1: | ||
<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}">{{{1|Button text}}}</span><noinclude> | <span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}">{{{1|Button text}}}</span><noinclude> | ||
| − | + | <!-- Add categories to the /doc subpage; interwikis go to Wikidata, thank you! --> | |
{{documentation}} | {{documentation}} | ||
| − | |||
</noinclude> | </noinclude> | ||
Latest revision as of 11:36, 19 April 2019
| This template is used on approximately 11,000 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them.
Transclusion count updated automatically (see documentation). |
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 | 1= TEXT }}{{Clickable button | 1= TEXT | color= COLOR }}
Button with wikilink:
[[ WIKILINK | {{Clickable button | TEXT }} ]][[ WIKILINK | {{Clickable button | TEXT | color= COLOR }} ]]
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:
Note: After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button|color=green}} produces the same output as {{Clickable button|color=blue}}.
| The above documentation is transcluded from Template:Clickable button/doc. (edit | history) Editors can experiment in this template's sandbox (edit | diff) and testcases (edit) pages. Please add categories to the /doc subpage. Subpages of this template. |