Difference between revisions of "Template:Clickable button/doc"

From blackwiki
Jump to navigation Jump to search
imported>Matt Fitzpatrick
(rewrite as it's technically not a button, has to go inside a wikilink to expand mobile tap target; closed LISTGAPs)
imported>Auric
Line 7: Line 7:
  
 
* <code style="display: block;"><nowiki>{{Clickable button|This looks like a button}}</nowiki></code> produces {{Clickable button|This looks like a button}}
 
* <code style="display: block;"><nowiki>{{Clickable button|This looks like a button}}</nowiki></code> produces {{Clickable button|This looks like a button}}
* <code style="display: block;"><nowiki>[[Talk:Main page|{{Clickable button|Main page talk page}}]]</nowiki></code> produces [[Talk:Main page|{{Clickable button|Main page talk page}}]]
+
* <code style="display: block;"><nowiki>[[Talk:Main page|{{Clickable button|Main page talk page}}]]</nowiki></code> produces [[Talk:Main Page|{{Clickable button|Main page talk page}}]]
  
 
The other one, named "color", allows you to change the color of the area. You can select between three colors: white (default), blue and red.
 
The other one, named "color", allows you to change the color of the area. You can select between three colors: white (default), blue and red.

Revision as of 14:59, 19 September 2018

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.

There are two editable parameters. The first one, an unnamed one, sets the text inside the area.

Examples:

  • {{Clickable button|This looks like a button}} produces This looks like a button
  • [[Talk:Main page|{{Clickable button|Main page talk page}}]] produces Main page talk page

The other one, named "color", allows you to change the color of the area. You can select between three colors: white (default), blue and red.

To change the color of the area, you have to add the color parameter followed by the color name, like this: {{clickable button|Text|color=blue}}.

Examples:

  • white (default):
    Button text
  • blue aka. progressive:[note 1]
    Button text
  • red aka. destructive:
    Button text

Notes

  1. After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button|color=green}} produces the same output as {{Clickable button|color=blue}}.