JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.8/clipboard.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div>
  <a id="get-link-1" class="small-button get-link" onClick="$.ctc(1);" data-clipboard-text="text for link 1">Get Link 1</a>
  <a id="get-link-2" class="small-button get-link" onClick="$.ctc(2);" data-clipboard-text="text for link 2">Get Link 2</a>
  <a id="get-link-3" class="small-button get-link" onClick="$.ctc(3);" data-clipboard-text="text for link 3">Get Link 3</a>
</div>

CSS

a.small-button:hover {
    background-color: #4A4A4A;
    cursor: pointer;
}
a.small-button:active {
    background-color: #5C5C5C;
    cursor: pointer;
}
a.small-button {
    font: bold 12px "Ubuntu", Helvetica, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: underline;
    background-color: #7A7A7A;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    margin-right: 10px;
}

JavaScript

$(document).ready(function(){
	new Clipboard(".get-link"); // initialize clipboard elements
});

$.ctc = function(id) {
  new Clipboard("#get-link-" + id);
  $("#get-link-" + id).text("Copied!");
  setTimeout(function(){ $("#get-link-" + id).text("Get Link " + id); }, 2000);
}