SClipboardCopyComponent

This component represent a simple "copy to clipboard" component that will copy a "from" target when clicked.

Platform  
html
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Copy from an input

 

Loading code example. Please wait...

Using the input container addon

 

Loading code example. Please wait...

Copy from a paragraph

Hello world

 

Loading code example. Please wait...

  Features

  • Copy to clipboard

  • Specify a "from" target to copy using a simple css selector

  • Default icons for "copy", "copied" and "error"

  Import

  Install

  Interface

  1. from
    String

    Specify the element you want to copy from with a simple css selector. Try to get "value" first, then "innerHTML"

  2. successTimeout
    1500
    Number

    Specify the duration for displaying the "success" icon

  3. errorTimeout
    3000
    Number

    Specify the duration for displaying the "error" icon

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on