Template:CollapsibleCode: Difference between revisions

Latest revision as of 00:56, 25 December 2024

A simple template to add a collapsible (and by default collapsed) bit of code to a wiki page

This is some test code text.

It can have multiple lines

and they should show up correctly.

No description.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
collapsed	`collapsed`	Whether or not it is collapsed by default Default true	Boolean	optional
width	`width`	The width of the entire code box Default 100%	String	optional
heading	`heading`	The heading/headline for the code box Default Code	String	optional
code	`code`	The actual content of the box. This can also be supplied as a unnamed parameter	Content	required

@@ Line 2: / Line 2: @@
 <templatestyles src="Template:CollapsibleCode/styles.css"/>
 <div id="collapsible-container" class="mw-collapsible {{#ifeq:{{{collapsed|true}}}|true|mw-collapsed}}" style="width: {{{width|100%}}};">
-<div id="collapsible-container-header" style="text-align: center;">{{#far:chevron-down}}{{#far:chevron-up}} {{{heading|Code}}}</div>
+<div id="collapsible-container-header"><i class="fa-solid fa-chevron-down"></i><i class="fa-solid fa-chevron-up"></i> {{{heading|Code}}}</div>
 <div class="mw-collapsible-content" style="font-family: monospace;">
 {{{code|{{{1|}}}}}}
@@ Line 18: / Line 18: @@
 {
 	"params": {
-		"collapsed": {},
+		"collapsed": {
-		"width": {},
+			"description": "Whether or not it is collapsed by default",
-		"heading": {},
+			"type": "boolean",
-		"code": {}
+			"default": "true"
+		},
+		"width": {
+			"description": "The width of the entire code box",
+			"type": "string",
+			"default": "100%"
+		},
+		"heading": {
+			"description": "The heading/headline for the code box",
+			"type": "string",
+			"default": "Code"
+		},
+		"code": {
+			"description": "The actual content of the box. This can also be supplied as  a unnamed parameter",
+			"type": "content",
+			"required": true
+		}
 	},
 	"format": "inline"