@exmg/exmg-copy-to-clipboard
v8.2.3
Published
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.
Downloads
190
Readme
<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="[email protected]">
<paper-icon-button icon="content-copy"></paper-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