JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://clipboardjs.com/assets/styles/main.css">
<script src="https://clipboardjs.com/assets/scripts/demos.js"></script>
<link rel="stylesheet" href="https://clipboardjs.com/bower_components/highlightjs/styles/github.css">
<link rel="stylesheet" href="https://clipboardjs.com/bower_components/primer-css/css/primer.css">
<script src="https://clipboardjs.com/dist/clipboard.min.js"></script>
<script src="https://clipboardjs.com/bower_components/highlightjs/highlight.pack.min.js"></script>
<script src="https://clipboardjs.com/assets/scripts/snippets.js"></script>
<script src="https://clipboardjs.com/assets/scripts/tooltips.js"></script>
<!---
<div id="example-text" class="example">
<div class="table">
   <div class="table-row">
      <div class="table-cell">ebay</div>
      <div class="table-cell">amazon</div>
   </div>
    <div class="table-row"><p></p></div>
   <div class="table-row">
      <div class="table-cell"><button class="btn" data-clipboard-text="ebay">ebay-link</button></div>
      <div class="table-cell"><button aria-label="copied!" class="btn tooltipped tooltipped-e border p-2 mb-2 mr-2 left" data-clipboard-text="amazon">amazon-link</button></div>
   </div>
</div>
-->
<script src="https://clipboardjs.com/assets/scripts/demos.js"></scrip
<div id="example-text" class="example">
<button class="btn" data-clipboard-demo="" data-clipboard-action="copy" data-clipboard-text="Just because you can doesn&#39;t mean you should — clipboard.js">ebay link</button>
</div>

    <script>
    var clipboard = new Clipboard('.btn');

    clipboard.on('success', function(e) {
        console.log(e);
    });

    clipboard.on('error', function(e) {
        console.log(e);
    });
    </script>