Template:Button: Difference between revisions

Latest revision as of 21:40, 13 October 2024

[[{{{link}}}|

{{{text}}}

]]

No description.

Template parameters[Edit template data]
Parameter		Description	Type	Status
align	`align`	Choose left, center or right. Always full-width on mobile. Defaults as center. Default center	String	optional
text	`text`	The text you want the button to display	String	required
link	`link`	The URL where you want the button to link	String	required
color	`color`	Choose between red, green, blue, or yellow (default: red) Default red	String	optional
top	`top`	Create empty space above the button (in pixels, integer only) Default 0	Number	optional
bottom	`bottom`	Create empty space below the button (in pixels, integer only) Default 0	Number	optional
width	`width`	Specify button width. Expressed in percentage points. Recommended: 20%. Default 20	Number	optional

@@ Line 1: / Line 1: @@
-<div class="button {{#switch: {{{color|}}}
+<templatestyles src="Button/style.css" />
-    |red = button-red
+[[{{{link}}}|
-    |blue = button-blue
+<div class="tpl-button-{{{align|center}}}" style="margin-top:{{{top|0}}}px; margin-bottom:{{{bottom|0}}}px;">
-    |green = button-green
+<div class="tpl-button tpl-button-{{{color|red}}}" style="width:{{{width|20}}}%">
-    |yellow = button-yellow
+{{{text}}}
-    |#default = button-blue
-    }}">
-[[{{{link|test.com}}}|{{{label|hello}}}]]
 </div>
+</div>
+]]
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"align": {
+			"description": "Choose left, center or right. Always full-width on mobile. Defaults as center.",
+			"type": "string",
+			"default": "center"
+		},
+        "text": {
+			"description": "The text you want the button to display",
+			"type": "string",
+            "required": true
+		},
+        "link": {
+			"description": "The URL where you want the button to link",
+			"type": "string",
+            "required": true
+		},
+		"color": {
+			"description": "Choose between red, green, blue, or yellow (default: red)",
+			"type": "string",
+			"default": "red"
+		},
+		"top": {
+			"description": "Create empty space above the button (in pixels, integer only)",
+			"type": "number",
+			"default": "0"
+		},
+		"bottom": {
+			"description": "Create empty space below the button (in pixels, integer only)",
+			"type": "number",
+			"default": "0"
+		},
+        "width": {
+        	"description": "Specify button width. Expressed in percentage points. Recommended: 20%.",
+            "type": "number",
+            "default": "20"
+        }
+}
+}
+</templatedata>
+</noinclude>