Skip to main content

Copy button

shadow

The Copy button allows you to copy the desired content to the clipboard with one click. Supported elements are input, textarea, wj-input, wj-label and a element.

Basic usage

Custom label

Adding the label and label-success properties will change the tooltip text after copying the value.

Element

Input

WJE-Input

Attributes and Properties

for

DescriptionSpecifies the ID of the element whose content is copied.
Attributefor
Typestring
Defaultundefined

label

DescriptionSpecifies the value of the help text in the help.
Attributelabel
Typestring
Defaultundefined

label-success

DescriptionSpecifies the value of the help text in the help after a successful copy.
Attributelabel-success
Typestring
Defaultundefined

Events

NameDescription
blurEvent blur is triggered when an element loses focus.
clickEvent click is called when the button is clicked.
focusEvent focus is invoked when an element gains focus.
wje-copy-button:clickThe wje-copy-button:click event is fired when the button is clicked.

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

No slots available for this component.