<exmg-copy-to-clipboard>
@exmg/exmg-copy-to-clipboard
Helper element to create icon/buttons that lets the user copy content to the clipboard. Just wrap it around the button or icon and set the value that needs to be copied.
Installation
npm install @exmg/exmg-copy-to-clipboard
Example Usage
Standard
<exmg-copy-to-clipboard value="mark@test.com">
<md-icon-button><md-icon>content-copy</md-icon></md-icon-button>
</exmg-copy-to-clipboard>
API
Slots
Name | Description |
---|---|
default | Button to handle copy to clipboard |
Properties/Attributes
Name | Type | Default | Description |
---|---|---|---|
value |
string |
None | The value that gets copied and displayed |
Methods
Name | Description |
---|---|
toggle |
Toggles the opened state of the component |
show |
Sets the opened state of the component to true |
hide |
Sets the opened state of the component to false |
Events
None
CSS Custom Properties
None