Skip to content

Super tiny copy-to-clipboard JS library

License

Notifications You must be signed in to change notification settings

eola/clipboard-mini

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Super tiny copy-to-clipboard JS library.

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 clipboard
  • data-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.

Releases

No releases published

Packages

No packages published