Шаблон:Clickable button: различия между версиями

Материал из Ведопедии
Перейти к навигации Перейти к поиску
(add colors)
Метка: Выполнено через Tor
м (.)
Метка: Выполнено через Tor
 
(не показано 5 промежуточных версий этого же участника)
Строка 1: Строка 1:
 
<span class="mw-ui-button {{#switch: {{{color|white}}}
 
<span class="mw-ui-button {{#switch: {{{color|white}}}
 
| red = mw-ui-destructive
 
| red = mw-ui-destructive
| green = mw-ui-constructive
 
 
| blue = mw-ui-progressive
 
| blue = mw-ui-progressive
 
| white =
 
| white =
  +
| big-red = mw-ui-destructive mw-ui-big
| yellow = #FFFCCC
 
  +
| big-blue = mw-ui-progressive mw-ui-big
| violet = #CC66FF
 
  +
| big-white = mw-ui-big
}}"
+
}}">
>{{{1|Button text}}}</span>
+
{{{1|Button text}}}</span>
 
<noinclude>
 
<noinclude>
 
<!-- Add categories to the /doc subpage; interwikis go to Wikidata, thank you! -->
 
<!-- Add categories to the /doc subpage; interwikis go to Wikidata, thank you! -->
Строка 35: Строка 35:
 
: Result: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]
 
: Result: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]
   
=== Parameter: color ===
+
=== Parameter: color= ===
 
You can select three colors: white (default), blue (progressive) and red (destructive):
 
You can select three colors: white (default), blue (progressive) and red (destructive):
   
White (Default) example: <code><nowiki>{{Clickable button|Button text|color=white}}</nowiki></code>
+
Red (Destructive) example: <code><nowiki>{{Clickable button|Button text|color=red}}</nowiki></code>
: Result: {{Clickable button|Button text|color=white}}
+
: Result: {{Clickable button|Button text|color=red}}
   
 
Blue (Progressive) example: <code><nowiki>{{Clickable button|Button text|color=blue}}</nowiki></code>
 
Blue (Progressive) example: <code><nowiki>{{Clickable button|Button text|color=blue}}</nowiki></code>
 
: Result: {{Clickable button|Button text|color=blue}}
 
: Result: {{Clickable button|Button text|color=blue}}
   
Red (Destructive) example: <code><nowiki>{{Clickable button|Button text|color=red}}</nowiki></code>
+
White (Default) example: <code><nowiki>{{Clickable button|Button text|color=white}}</nowiki></code>
: Result: {{Clickable button|Button text|color=red}}
+
: Result: {{Clickable button|Button text|color=white}}
   
'''Note:''' After the changes outlined in Phabricator task {{Phab|T110555}} were implemented, <code><nowiki>{{Clickable button|color=green}}</nowiki></code> produces the same output as <code><nowiki>{{Clickable button|color=blue}}</nowiki></code>.
 
   
  +
Big button in Red (Destructive) example: <code><nowiki>{{Clickable button|Button test|color=big-red}}</nowiki></code>
  +
: Result: {{Clickable button|Button test|color=big-red}}
  +
  +
Big button in Blue (Progressive) example: <code><nowiki>{{Clickable button|Button test|color=big-blue}}</nowiki></code>
  +
: Result: {{Clickable button|Button test|color=big-blue}}
  +
  +
Big button in White example: <code><nowiki>{{Clickable button|Button test|color=big-white}}</nowiki></code>
  +
: Result: {{Clickable button|Button test|color=big-white}}
  +
  +
 
'''Note:''' After the changes outlined in Phabricator task {{Phab|T110555}} were implemented, <code><nowiki>{{Clickable button|color=green}}</nowiki></code> produces the same output as <code><nowiki>{{Clickable button|color=blue}}</nowiki></code>.
 
</noinclude>
 
</noinclude>

Текущая версия от 23:05, 8 декабря 2020

Button text

Шаблон:documentation

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:

This looks like a button


Example: [[Talk:Main Page|{{Clickable button|Main page talk page}}]]

Result: Main page talk page

Parameter: color=

You can select three colors: white (default), blue (progressive) and red (destructive):

Red (Destructive) example: {{Clickable button|Button text|color=red}}

Result:

Button text


Blue (Progressive) example: {{Clickable button|Button text|color=blue}}

Result:

Button text


White (Default) example: {{Clickable button|Button text|color=white}}

Result:

Button text


Big button in Red (Destructive) example: {{Clickable button|Button test|color=big-red}}

Result:

Button test


Big button in Blue (Progressive) example: {{Clickable button|Button test|color=big-blue}}

Result:

Button test


Big button in White example: {{Clickable button|Button test|color=big-white}}

Result:

Button test


Note: After the changes outlined in Phabricator task Шаблон:Phab were implemented, {{Clickable button|color=green}} produces the same output as {{Clickable button|color=blue}}.