Template:Color label: Difference between revisions

Revision as of 14:40, 9 August 2024

Template documentation

Uses template styles

This template uses template styles found in:

Hex color (gold): Page Template:Color label/styles.css has no content. #FFD700

Predefined color (red): Page Template:Color label/styles.css has no content. red

RGB color (orange) with a custom name: Page Template:Color label/styles.css has no content. #FFD700

Produces a little square with given color and a color code label. Can also add a custom label.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Color	`1`	A valid CSS color. Example red	Line	required
Label	`2`	A custom label. Example Cool green	Line	suggested

@@ Line 1: / Line 1: @@
-<includeonly><span>
+<includeonly><!--
-<span style="background-color: {{{1}}};"></span>
+--><templatestyles src="Color label/styles.css" /><!--
-<span>{{{2}}}</span>
+--><span class="color-label">
+<span class="color-label-label" style="background-color: {{{2}}};"></span>
+<span class="color-label-color-square" style="background-color: {{{1}}};"></span>
+<span class="color-label-code">{{{1}}}</span>
 </span></includeonly><noinclude>
-{{docs}}
+{{docs|bb=
+{{uses template styles}}
+}}
+{{color label|blue|hello world}}
 <templatedata>
@@ Line 17: / Line 25: @@
 		"2": {
 			"label": "Label",
-			"description": "A label.",
+			"description": "A custom label.",
 			"example": "Cool green",
 			"type": "line",
-			"required": true
+			"suggested": true
 		}
 	},
-	"description": "Produces a little square with given color and a label.",
+	"description": "Produces a little square with given color and a color code label. Can also add a custom label.",
 	"paramOrder": [
 		"1",