Editing Template:Main Page/Button

<includeonly><!--
--><div class="mp-button"><!--
  --><div class="mp-icon mp-icon-{{lc:{{{icon|none}}}}}">[{{{link|}}} {{{text|{{{icon|}}}}}}]</div><!--
--></div></includeonly><noinclude>{{Documentation|type=Main Page|content=
{{CSS|Template:Main Page/styles}}
Template that creates buttons for {{T|Main Page}}.

==Syntax==
<syntaxhighlight lang="wikitext" copy>
{{Main Page/Button|icon = |link = |text = }}
</syntaxhighlight>
* {{F|icon}} &ndash; Icon for the button. Available icons:
** {{F|Discord}}, {{F|Facebook}}, {{F|HoYoLAB}}, {{F|HoYoverse}}, {{F|Instagram}}, {{F|Reddit}}, {{F|TikTok}}, {{F|X}}, {{F|YouTube}}
* {{F|link}} &ndash; External link of the button.
* {{F|text}} &ndash; Text of the external link. Default: {{F|icon|v=1}}.

==Example==
{{Example|<nowiki>
<templatestyles src="Template:Main Page/styles.css" />
<div class="mp-button-wrapper" style="margin-top:8px;">
{{Main Page/Button|icon = HoYoverse|link = https://planet.hoyoverse.com|text = Official Website}}
{{Main Page/Button|icon = HoYoLAB|link = https://www.hoyolab.com/circles/10/100002/official|text = Official HoYoLAB}}
</div>
</nowiki>}}

==Template Data==
<templatedata>
{
	"params": {
		"icon": {
			"label": "Icon",
			"description": "Icon for the button. See documentation for list of available icons.",
			"example": "HoYoverse",
			"type": "string",
			"required": true
		},
		"link": {
			"label": "Link",
			"description": "External link of the button.",
			"example": "https://planet.hoyoverse.com",
			"type": "url",
			"required": true
		},
		"text": {
			"label": "Text",
			"description": "Text of the external link.",
			"example": "Official Website",
			"type": "string",
			"default": "<icon>",
			"suggested": true
		}
	},
	"description": "Template that creates buttons for the Main Page.",
	"paramOrder": [
		"icon",
		"link",
		"text"
	],
	"format": "inline"
}
</templatedata>

}}</noinclude>