Copy Attribute

Copy an attribute here


<div data-js-copy-item="example" data-js-copy-data="The copied attribute">Copy an attribute here</div>
            <button class="c-button u-margin__bottom--3 c-button__filled c-button__filled--default c-button--md" target="_top" data-js-copy-target="example" type="button" aria-label="Copy another elements attribute" data-uid="6605ab247cfc0">   
     <span class="c-button__label">         
        
                    <span class="c-button__label-text ">
                Copy another elements attribute
            </span>
        
    </span> </button>
        <br><br>

             <button class="c-button u-margin__left--0 c-button__filled c-button__filled--default c-button--md" target="_top" data-js-copy-target="self" data-js-copy-data="Copy this data" data-js-copy-success="The the text was copied successfully." type="button" aria-label="Copy self" data-uid="6605ab247d01a">   
     <span class="c-button__label">         
        
                    <span class="c-button__label-text ">
                Copy self
            </span>
        
    </span> </button>    <div class="u-margin__top--4">
    <input type="text" placeholder="Paste copied content here" class="u-width--100">
    </div>

Attributes

Copies an attribute from another element (or itself) to clipboard.
If the the target attribute is set to 'self'. It copies its own data-js-copy-data.

Blade component parameters

Attributes Description Values
data-js-copy-target The element you want to trigger the copy functionality
data-js-copy-item The element to copy it from
data-js-copy-data The content to copy
data-js-copy-success Success feedback to the user
data-js-copy-error Error feedback to the user