copy-button Repo

Basic text copy

      <copy-button target-text="Hello this is Patrick"></copy-button>
      <copy-button target-text="Hello this is Patrick">Click to copy 'Hello this is Patrick' to clipboard</copy-button>

Click to copy 'Hello this is Patrick' to clipboard

Copying content of another element using selector

      <div class="js-target">This is js-target content</div>
      <copy-button target-element=".js-target"></copy-button>

This is js-target content

Copying value of textarea


      <textarea name="LOL" id="textarea" cols="30" rows="10">Write something here</textarea>
      <copy-button target-element="#textarea"></copy-button>

Copying value of input

      <input type="text" id="textcopy" value="Fuck this shit">
      <copy-button target-element="#textcopy"></copy-button>

Adding icons

      <input type="text" value="some url" class="js-url-input">
      <copy-button target-element=".js-url-input"><i class="fa fa-download"></i></copy-button>