Copy button
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
Hyperlink
Attributes and Properties
for
Description | Specifies the ID of the element whose content is copied. |
Attribute | for |
Type | string |
Default | undefined |
label
Description | Specifies the value of the help text in the help. |
Attribute | label |
Type | string |
Default | undefined |
label-success
Description | Specifies the value of the help text in the help after a successful copy. |
Attribute | label-success |
Type | string |
Default | undefined |
Events
Name | Description |
---|---|
blur | Event blur is triggered when an element loses focus. |
click | Event click is called when the button is clicked. |
focus | Event focus is invoked when an element gains focus. |
wje-copy-button:click | The 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.