Template:Card: Difference between revisions

Latest revision as of 16:33, 19 May 2026

No description.

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
content	`content` `Content` `Body` `body`	The text to display inside the card.	Unbalanced wikitext	optional
variant	`variant` `Variant` `type` `Type`	The style variant of the card (e.g., warning, success, info, danger). Suggested values `success` `danger` `info` `warning` `brand`	String	optional
title	`title` `Title`	The title for the card	String	required
orientation	`orientation` `Orientation` `layout` `Layout`	no description Suggested values `horizontal` `vertical`	String	optional
icon	`icon` `Icon`	no description Suggested values `academic-cap` `star` `command-line` `pencil` `gift` `bank-notes` `bolt` `cake` `calendar` `computer-desktop` `device-phone-mobile` `envelope-open` `key` `phone` `printer` `question-mark-circle` `sparkles` `shield-check` `shield-exclamation` `wifi` `video-camera` `variable`	String	optional
align	`align`	no description Suggested values `left` `right` `center`	String	optional

@@ Line 6: / Line 6: @@
 			"description": "The text to display inside the card.",
 			"type": "unbalanced-wikitext",
-			"required": true,
 			"aliases": [
 				"Content",
@@ Line 24: / Line 23: @@
 				"success",
 				"danger",
-				"info"
+				"info",
+				"warning",
+				"brand"
 			]
 		},
@@ Line 32: / Line 33: @@
 			],
 			"description": "The title for the card",
-			"type": "string"
+			"type": "string",
-		},
+			"required": true
-		"withBorder": {
-			"type": "boolean",
-			"default": "true"
-		},
-		"href": {
-			"aliases": [
-				"link",
-				"Href",
-				"Link",
-				"linkTo"
-			],
-			"type": "string"
 		},
 		"orientation": {
@@ Line 87: / Line 76: @@
 				"video-camera",
 				"variable"
+			]
+		},
+		"align": {
+			"type": "string",
+			"suggestedvalues": [
+				"left",
+				"right",
+				"center"
 			]
 		}
@@ Line 94: / Line 91: @@
 		"variant",
 		"title",
-		"withBorder",
-		"href",
 		"orientation",
-		"icon"
+		"icon",
-	]
+		"align"
+	],
+	"format": "block"
 }
 </templatedata>
 </noinclude>
-{{#tag:react| |component=Card|withBorder={{{withBorder|true}}}|orientation={{{orientation|vertical}}}|href={{{href|}}}|icon={{{icon|}}}|variant={{{variant|default}}}|title={{{title}}}|content={{{content}}}}}
+{{#tag:react | |
+  component=Card
+  |orientation={{{orientation|vertical}}}
+  |icon={{{icon|}}}
+  |align={{{align|}}}
+  |variant={{{variant|}}}
+  |title={{{title}}}
+  |content={{{content|}}}
+}}