Installation

npm i svelte-copy-to-clipboard
// OR
yarn add svelte-copy-to-clipboard

LIVE DEMO

Local demo:

git clone https://github.com/henriquecaraujo/svelte-copy-to-clipboard.git
cd svelte-copy-to-clipboard
yarn && yarn dev

Examples

<script>
  import CopyToClipboard from "svelte-copy-to-clipboard";
  let exampleText = 'Copy me!';

  const handleSuccessfullyCopied = (e) => {
      alert(`successfully copied to clipboard! ${e}`);
  }

  const handleFailedCopy = () => {
      alert('failed to copy :(');
  }
</script>

<CopyToClipboard text={exampleText} on:copy={handleSuccessfullyCopied} on:fail={handleFailedCopy} let:onCopy>
    <button on:click={onCopy}>An element to trigger the copy</button>
</CopyToClipboard>

Properties

Component props:

| Prop | Type | Description | | ---- | ------ | ----------------------- | | text | string | Value to copy | | copy | func | Call when text's copied | | fail | func | Call when copy fails |

Slot Properties

| Prop | Type | Description | | ------ | ------ | ------------- | | onCopy | string | Call foi copy |

NPM Statistics

Download stats for this NPM package

License

Svelte Copy to Clipboard is open source software licensed as MIT.