Template:Clickable button/doc: Difference between revisions
From VNDev Wiki
Initial |
No edit summary |
||
| Line 4: | Line 4: | ||
==Usage== | ==Usage== | ||
Unnamed parameters: | Unnamed parameters: | ||
* | * {{tlx|clickable button|text}} | ||
* | * {{tlx|clickable button|text|color}} | ||
Named parameters: | Named parameters: | ||
* | * {{tlx|clickable button|text|color{{=}}|width{{=}}|style{{=}}}} | ||
Button with wikilink: | Button with wikilink: | ||
| Line 36: | Line 35: | ||
Red (Destructive) example: <code><nowiki>{{Clickable button|Button text|color=red}}</nowiki></code> | Red (Destructive) example: <code><nowiki>{{Clickable button|Button text|color=red}}</nowiki></code> | ||
: Result: {{Clickable button|Button text|color=red}} | : Result: {{Clickable button|Button text|color=red}} | ||
=== Parameter: style === | |||
Default value: <code>border-radius: 5px; padding: 10px 20px;</code> | |||
<includeonly>[[Category:Button templates]]</includeonly> | <includeonly>[[Category:Button templates]]</includeonly> | ||
Revision as of 10:08, 4 July 2022
 |
This is a documentation subpage for Template:Clickable button. It contains usage information, categories and other content that is not part of the original template page. |
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|text|color=|width=|style=}}
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:
Parameter: style
Default value: border-radius: 5px; padding: 10px 20px;
