clipboard-mini
Super tiny copy-to-clipboard JS library. Only 1.34KB!
If you've come from clipboard.js and want a smaller package, you get pretty much the same here at half the cost (in KB).
No dependencies at all, no flash no nothing. Vanilla JS 🚀
How to use it
Import clipboard-mini
into your project like any other module:
yarn add clipboard-mini
To start using it, you only need to give ClipboardMini
a selector.
import ClipboardMini from 'clipboard-mini'
const clipbutton = new ClipboardMini('.js-clipboard')
<button class="btn js-clipboard">Copy</button>
You can target what to copy via attribute, which can be text or a selector:
data-clipboard-text
: You will copy the text contained in th attribute to the clipboarddata-clipboard-target
: A unique CSS selector (it will grab the first result available) from which to copy its contents.
Feedback
In order to let the user know something has been copied to the clipboard, the button label will change to Copied!
for 2.5seconds, then revert to the original label.