<dy-copy>
A copy component that allows users to easily copy text content to the clipboard with a hover interaction.
Example
Loading...
<dy-copy style=${"width: 100%; align-self: flex-start;"}> Hover Text Copy! </dy-copy>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
silent(silent) |
Yes | boolean |
block(block) |
Yes | boolean |
tooltip(tooltip) |
Yes | string |
content |
Yes | string |
copy |
Emitter<boolean> |
Other
| Type | Value |
|---|---|
| Event | copy |
| Slot | unnamed, after |