Template:Copy: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 16:27, 16 May 2025

Usage

The button will copy the text inside an element with ID.

{{copy|copy-target}}

copy

No description.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Element ID to copy	`1`	no description	String	suggested
button text	`copy`	no description	String	suggested
button icon	`icon`	no description	Unknown	suggested
copy text	`copy text`	The text to be shown in the copy bubble	String	suggested
altrantive button classes	`classes`	no description	Unknown	optional
icon weight	`icon-weight`	no description Suggested values `fad` `fal` `fas` `fab` `far`	String	optional
altrantive button classes	`classes2`	no description	Unknown	optional

@@ Line 6: / Line 6: @@
 </noinclude>
 <includeonly>
-<span data-copy-to-clipboard-target="{{{1|copy-target}}}" data-copy-to-clipboard-content-type="innerHTML" data-copy-to-clipboard-html-entities="true" data-popover-target="popover-click" data-popover-trigger="click" type="button" class="cursor-pointer text-white bg-gray-500 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">{{{copy|copy}}} {{i|{{{icon|copy}}}|fas}}</span>
+<span data-copy-to-clipboard-target="{{{1|copy-target}}}" data-copy-to-clipboard-content-type="innerHTML" data-copy-to-clipboard-html-entities="true" data-popover-target="popover-click" data-popover-trigger="click" type="button" class="cursor-pointer {{{classes|text-white bg-gray-500 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800}}}">{{{copy|copy}}} {{i|{{{icon|copy}}}|{{{icon-weight|fas}}} }}</span>
-<div data-popover id="popover-click" role="tooltip" class="absolute z-10 invisible inline-block text-sm text-gray-500 transition-opacity duration-300 bg-white border border-gray-200 rounded-lg shadow-sm opacity-0 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800">
+<div data-popover id="popover-click" role="tooltip" class="{{{classes2|absolute z-10 invisible inline-block text-sm text-gray-500 transition-opacity duration-300 bg-white border border-gray-200 rounded-lg shadow-sm opacity-0 dark:text-gray-400 dark:border-gray-600 dark:bg-gray-800}}}">
     <div class="px-3">
         <p>Code copied {{#if:{{{copy text|}}}|: {{{copy text}}} }}</p>
@@ Line 37: / Line 37: @@
 			"type": "string",
 			"suggested": true
+		},
+		"classes": {
+			"label": "altrantive button classes"
+		},
+		"icon-weight": {
+			"label": "icon weight",
+			"type": "string",
+			"suggestedvalues": [
+				"fad",
+				"fal",
+				"fas",
+				"fab",
+				"far"
+			]
+		},
+		"classes2": {
+			"label": "altrantive button classes"
 		}
 	}