Svelte Copy To Clipboard

Installation

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

Note: to use this library in sapper, install as devDependency. See the link.

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:copy>
      <button on:click={copy}>An element to trigger the copy</button>
</CopyToClipboard>

Properties

Component props:

Slot Properties

NPM Statistics

Download stats for this NPM package

License

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