Copy button
Copy button umožňuje jedným kliknutím skopírovať želaný obsah do clipboardu. Podporované sú input, textarea, wj-input, wj-label a a element.
Základné použitie
Custom label
Pridaním vlastnosti label a label-success zmeníte text tooltipu po skopírovaní hodnoty.
Element
Input
WJE-Input
Hyperlink
Atribúty a Vlastnosti
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 |
Eventy
| 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. |
Metódy
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Vlastnosti
No CSS custom properties available for this component.
Sloty
No slots available for this component.