Template:Copy: Difference between revisions

Content deleted Content added

Inline

Revision as of 16:25, 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

@@ 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}}}|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>