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.