Vorlage:Clickable button 2
Datei:Lua-Logo.svg | This template uses Lua: |
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