Template:Button: Difference between revisions

Revision as of 15:43, 2 October 2023

[[{{{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 15: / Line 15: @@
 			"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": {
@@ Line 26: / Line 41: @@
 			"default": "0"
 		},
-		"link": {
+        "width": {
-			"description": "The URL where you want the button to link",
+        	"description": "Specify button width. Expressed in percentage points. Recommended: 20%.",
-			"type": "string",
+             "type": "number",
-             "required": true
+            "default": "20"
-		},
+        }
-		"color": {
+}
-			"description": "Choose between red, green, blue, or yellow (default: red)",
-			"type": "string",
-			"default": "red"
-		},
-		"text": {
-			"description": "The text you want the button to display",
-			"type": "string",
-            "required": true
-		}
-	}
 }
 </templatedata>
 </noinclude>