From The Mana World
(copied from wikiversity :)) |
|||
| Line 1: | Line 1: | ||
<span class=" | <span class="nowrap plainlinks" title="button link" {{#if:{{{id|}}}|id="{{{id}}}"}} style="padding:0.2em 0.6em; border:1px solid; border-color:#aaa #555 #555 #aaa; {{border-radius|3px}} background-color:#f2f2f2; {{linear-gradient|top|#fcfcfc, #e0e0e0}} {{{style|}}}">{{{1|<noinclude>the button</noinclude>}}} <span class="submit ui-button ui-widget ui-state-default ui-corner-all {{#if:{{{1|}}} | ||
|<!-- text was specified | |||
{{ | -->ui-button-text-{{#if:{{{2|{{{iconPrimary|}}}}}} | ||
< | |<!-- a primary icon -->{{#if:{{{3|{{{iconSecondary|}}}}}} | ||
</noinclude> | |<!-- a secondary icon --> icons | ||
|<!-- no secondary icon was specified --> icon-primary | |||
}} | |||
|<!-- no primary icon --> {{#if:{{{3|{{{iconSecondary|}}}}}} | |||
|<!-- a secondary icon --> icon-secondary | |||
|<!-- no secondary icon --> only | |||
}} | |||
}} | |||
|<!-- no text was specified | |||
-->ui-button-{{#if:{{{2|{{{iconPrimary|}}}}}} | |||
|<!-- primary icon -->{{#if:{{{3|{{{iconSecondary|}}}}}} | |||
|<!-- secondary icon --> icons-only | |||
|<!-- no secondary icon --> icon-only | |||
}} | |||
|<!-- no primary icon --> {{#if:{{{3|{{{iconSecondary|}}}}}} | |||
|<!-- secondary icon --> icon-only | |||
|<!-- no secondary icon --> text-only error | |||
}} | |||
}} | |||
}} {{{class|}}}" role="button" aria-disabled="false" style="{{#switch:{{{class|}}} | |||
| ui-button-blue | mw-ui-progressive = background-color: #2962CB; | |||
| ui-button-green | mw-ui-constructive = background-color: #008B6D; | |||
| ui-button-red | mw-ui-destructive = background-color: #A6170F; | |||
| #default = background-color: #CCC; color: #666; | |||
}}">{{#if:{{{2|{{{iconPrimary|}}}}}} | |||
|<span class="ui-button-icon-primary ui-icon {{{2|{{{iconPrimary}}}}}}"> </span> | |||
}}<span class="ui-button-text">{{{1|<noinclude>the button</noinclude>}}}</span>{{#if:{{{3|{{{iconSecondary|}}}}}} | |||
|<span class="ui-button-icon-secondary ui-icon {{{3|{{{iconSecondary|}}}}}}"> </span> | |||
}}</span></span><noinclude>{{documentation}}</noinclude> | |||
Revision as of 08:33, 5 March 2015
the button
Template documentation
[ Edit ]
Description
Documentation for the Clickable button template.
Usage
Copy the following code into your page:
-
{{{{{Code}}}}}
