Installation

npm install idrop

Features

As you will see below in the Usage section, Idrop does not restrict you to a particular trigger button or icon what-so-ever. It gives you the complete freedom to choose. Simply wrap the Idrop component around the desired trigger Button or Icon or what ever tickles your fancy... and Presto!

Usage

// App.jsx

import Idrop from 'idrop';

export default function App() {
  return (
    <>
      {/* Use the Defaults */}
      <Idrop>
        <button>Click Me (Default)</button>
      </Idrop>

      {/* OR */}

      {/* Use Custom Settings through the Props Below! */}
      <Idrop
        txtColor="#000000" {/* Label Text Color */}
        bgColor="#ff0000"  {/* Label+Magnifier Background Color */}
        chColor="#000000"  {/* Magnifier Cross Hairs Color */}
        copyMsg="Wasup!"   {/* Copy to Clipboard Success Message */}
        msgLag={1500}      {/* Copy Success Message Duration */}
      >
        <button>Click Me (Red background, etc.)</button>
      </Idrop>
    </>
  );
}

Screenshots of the Examples Above