ਫਰਮਾ:Clickable button/doc ਲਈ ਸਰੋਤ ਵੇਖੋ

{{documentation subpage}}
<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) -->
{{template shortcut|CLB|clickb|CLB2|Click}}
{{lua|Module:Clickable button 2}}
{{used in system}}
{{Warning|[[MOS:BUTTONS|Buttons]] should not be used in the article namespace. If the desire is to "navigate" a reader to a new page, taking them away from the current page, a [[Wikipedia:Manual of Style/Linking|link]] is preferred. Buttons are used within Wikipedia to trigger an "action".}}

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. 

==Usage==
All parameters:
:{{tlc|{{BASEPAGENAME}}|''wikilink''|''display''|color{{=}}''color''|url{{=}}''url''|class{{=}}''class''|link{{=}}}}

;''wikilink''
:Unnamed first parameter. The title of the page being linked. Brackets are not necessary
;''display'' (optional)
:Optional unnamed second parameer. The text to display. Not needed if the text to display is the wikilink itself
;{{para|color}} or {{para|class}}
:Color to display. {{para|color}} accepts <code>blue</code> and <code>red</code>, {{para|class}} accepts <code>mw-ui-progressive</code> and <code>mw-ui-destructive</code>
;{{para|url}}
:URL to link through the button. If no wikilink/display text is provided, will show the URL, otherwise will show the wikilink/display text
;{{para|link|no}}
:Use this parameter set to "no" to display a button without linking to anything

== Examples ==
===Wikilinks===
:{{tlc|{{BASEPAGENAME}}|Main Page|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|Main Page|Click here to visit the main page|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|Click here|link{{=}}no|_show_result=yes}}

===Colors===
:{{tlc|{{BASEPAGENAME}}|Main Page|color{{=}}blue|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|Main Page|color{{=}}red|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|Main Page|class{{=}}mw-ui-progressive|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|Main Page|class{{=}}mw-ui-destructive|_show_result=yes}}
Any other color will default to {{clickable button|white|link=no}}

===URLs===
:{{tlc|{{BASEPAGENAME}}|url{{=}}https://example.com|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|Example|url{{=}}https://example.com|_show_result=yes}}
:{{tlc|{{BASEPAGENAME}}|2{{=}}Example|url{{=}}https://example.com|_show_result=yes}}

=== 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",
			"default": "the page being linked to"
		},
		"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",
			"label": "Custom CSS styling",
			"description": "Allows custom CSS styling to be applied to the button",
			"example": "border: 2px solid red;",
			"default": "None"
		},
		"category": {
			"type": "boolean",
			"label": "Category switch",
			"description": "Whether or not categories should be on",
			"example": "no",
			"default": "yes",
			"autovalue": "0"
		}
	},
	"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.
* [https://design.wikimedia.org/style-guide/components/buttons.html Wikimedia design style guide advice on buttons]

{{Button templates}}
<includeonly>{{Sandbox other||
<!-- Categories and interwikis go here: -->
[[Category:Wikipedia formatting and function templates]]
[[Category:Wikipedia button templates]]

}}</includeonly>