Vorlage:Clickable button 2/doc

This template styles a link like a button, using the mediawiki.ui.button module. This expands the clickable area and tap target for the link. It can be used in the following ways,

• Code: {{Clickable button 2|Main Page}}
  • Result:
• Code: {{Clickable button 2|Main Page|Cover page}}
  • Result:
• Code: {{Clickable button 2|Main Page|url=http://en.wikipedia.org}}
  • Result:
• Code: {{Clickable button 2|Main Page|class=mw-ui-destructive}}
  • Result:
• Code: {{Clickable button 2|Main Page|class=mw-ui-progressive}}
  • Result:

Note: After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button 2|Main Page|class=mw-ui-constructive}} produces the same output as {{Clickable button 2|Main Page|class=mw-ui-progressive}}.

Template data

<templatedata> { "params": { "1": { "required": true, "label": "Link/Label", "description": "Defines the page to link to, and uses that page's title as the text for the button", "example": "Foobar", "type": "wiki-page-name" }, "2": { "suggested": true, "label": "Label", "description": "Defines the text that appears on the button" }, "url": { "type": "url", "label": "URL", "description": "Defines a web address for the button to link to", "example": "https://www.example.com" }, "class": { "type": "string", "description": "Defines the visual type of the button", "example": "mw-ui-progressive, mw-ui-destructive" }, "style": { "type": "string" }, "category": { "type": "boolean" } }, "description": "Styles a link like a button, using the mediawiki.ui.button module", "format": "inline" } </templatedata>

See also

• commons:Template:Clickable button, corresponding clickable button at Commons.
• Wikimedia design style guide advice on buttons