Template:Clickable button 2: Difference between revisions

Template page
Content added Content deleted
(oops)
No edit summary
 
(20 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{#invoke:Clickable button 2|main}}<noinclude>
<span class="plainlinks">[{{#if:{{{url|}}}
{{doc|{{Clickable button 2/doc}}}}
|{{{url}}}
<!-- Categories go on the /doc subpage, and interwikis go on Wikidata. -->
|[{{{1|}}}{{!}}
}}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style{{=}}"cursor: default;|
{{#switch:{{{class}}}
| mw-ui-progressive = background-color: #2962CB;
| mw-ui-constructive = background-color: #008B6D;
| mw-ui-destructive = background-color: #A6170F;
| #default = background-color: #CCCCCC; color: #898989;
}}"
}}>{{#if:{{{url|}}}
|{{#if:{{{1|}}}
|{{{1}}}
|{{{url}}}
}}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>]
}}]</span><noinclude>
{{Documentation}}
</noinclude>
</noinclude>

Latest revision as of 00:37, 28 March 2020

Template documentation
This is a documentation subpage for Template:Clickable button 2.
It contains usage information, categories and other content that is not part of the original template page.


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

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

The above documentation is transcluded from Template:Clickable button 2/doc.


Cookies help us deliver our services. By using our services, you agree to our use of cookies.