Template:Card: Difference between revisions

Revision as of 20:54, 6 May 2021

Template documentation[view][edit][history][purge]

This documentation is transcluded from Template:Card/doc. Changes can be proposed in the talk page.

{{Card}} is a template for generating a single card. It is typically used with Template:Cards to create a grid or row layout on a page.

Parameters

Content parameters

column: The number of cards which should fit on a single row (max 6)
title: The title text on the card
text: The content text on the card
bottom: The text on the bottom section of the card. Usually used for actionable items like links.
page: The page linked by the button on the card. Only use it when there is only one action.
pagetext: The text displayed on the button on the card
bylinetop: The byline text above the title on the card
bylinebottom: The byline text below the title on the card

Styling parameters

colorbg: The background color of the card
colortext: The text color of the card
colorbyline: The color of the byline on the card
colortitle: The color of the title on the card
colorbgbottom: The background color of the bottom section of the card
colorbottom: The text color in the bottom section of the card
colorbgbutton: The background color of the button on the card, note that due to templating restrictions, the button text will always be grey. Please ensure there is enough contrast between the background color and the text.

== See also ==

No description.

Template parameters
Parameter		Description	Type	Status
Title	`title`	no description Default Card title	String	required
text	`text`	no description	Unknown	optional
column	`column`	no description	Unknown	optional
colorbg	`colorbg`	no description	Unknown	optional
colortext	`colortext`	no description	Unknown	optional
bylinetop	`bylinetop`	no description	Unknown	optional
colorbyline	`colorbyline`	no description	Unknown	optional
colortitle	`colortitle`	no description	Unknown	optional
bylinebottom	`bylinebottom`	no description	Unknown	optional
bottom	`bottom`	no description	Unknown	optional
colorbgbottom	`colorbgbottom`	no description	Unknown	optional
colorbottom	`colorbottom`	no description	Unknown	optional
page	`page`	no description	Unknown	optional
pagelink	`pagelink`	no description	Unknown	optional
colorbgbutton	`colorbgbutton`	no description	Unknown	optional
pagetext	`pagetext`	no description	Unknown	optional

@@ Line 7: / Line 7: @@
 --></div><!--
 -->{{#if:{{{bottom|}}}|<div class="card-bottom" style="{{#if:{{{colorbgbottom|}}}|background:{{{colorbgbottom}}};}}{{#if:{{{colorbottom|}}}|color:{{{colorbottom}}}}}">{{{bottom}}}</div>}}<!--
--->{{#if:{{{page|}}}{{{pagelink|}}}|<div class="card-button" style="{{#if:{{{colorbgbutton|}}}|background:{{{colorbgbutton}}}}}">{{#if:{{{pagelink|}}}|[{{{pagelink}}} {{{pagetext|{{{pagelink}}}}}}]|[[Special:MyLanguage/{{{page}}}|{{{pagetext|page}}}]]}}</div>}}</div><templatestyles src="Template:Card/styles.css" /></includeonly><noinclude>{{/doc}}</noinclude>
+-->{{#if:{{{page|}}}{{{pagelink|}}}|<div class="card-button" style="{{#if:{{{colorbgbutton|}}}|background:{{{colorbgbutton}}}}}">{{#if:{{{pagelink|}}}|[{{{pagelink}}} {{{pagetext|{{{pagelink}}}}}}]|[[Special:MyLanguage/{{{page}}}|{{{pagetext|page}}}]]}}</div>}}</div><templatestyles src="Template:Card/styles.css" /></includeonly><noinclude>{{/doc}}<templatedata>
+{
+	"params": {
+		"column": {},
+		"colorbg": {},
+		"colortext": {},
+		"bylinetop": {},
+		"colorbyline": {},
+		"title": {
+			"label": "Title",
+			"type": "string",
+			"default": "Card title",
+			"required": true,
+			"suggested": true
+		},
+		"colortitle": {},
+		"bylinebottom": {},
+		"text": {},
+		"bottom": {},
+		"colorbgbottom": {},
+		"colorbottom": {},
+		"page": {},
+		"pagelink": {},
+		"colorbgbutton": {},
+		"pagetext": {}
+	},
+	"paramOrder": [
+		"title",
+		"text",
+		"column",
+		"colorbg",
+		"colortext",
+		"bylinetop",
+		"colorbyline",
+		"colortitle",
+		"bylinebottom",
+		"bottom",
+		"colorbgbottom",
+		"colorbottom",
+		"page",
+		"pagelink",
+		"colorbgbutton",
+		"pagetext"
+	]
+}
+</templatedata></noinclude>