<span class="mw-ui-button {{#switch: {{{color|white}}}
| red = mw-ui-destructive
| green = mw-ui-constructive
| blue = mw-ui-progressive
| white =
| yellow = #FFFCCC
| violett = CC66FF
}}">
{{{1|Button text}}}</span>
White (Default) example: <code><nowiki>{{Clickable button|Button text|color=white}}</nowiki></code>
: Result: {{Clickable button|Button text|color=white}}
(and constructive (test):
Green (Constructive) example: <code><nowiki>{{Clickable button|Button text|color=green}}</nowiki></code>
: Result: {{Clickable button|Button text|color=green}}
(New):
Yellow (Test) example: <code><nowiki>{{Clickable button|Button text|color=yellow}}</nowiki></code>
: Result: {{Clickable button|Button text|color=yellow}}
(New):
Violett (Test) example: <code><nowiki>{{Clickable button|Button text|color=violett}}</nowiki></code>
: Result: {{Clickable button|Button text|color=violett}}
'''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>.
|