<!-- required files -->
<script src="../assets/plugins/clipboard/dist/clipboard.min.js"></script>

<!-- html -->
<div class="input-group">
  <input id="clipboard-default" type="text" class="form-control" value="https://github.com/zenorocha/clipboard.js.git" />
  <button class="btn btn-dark" type="button" data-toggle="clipboard" data-clipboard-target="#clipboard-default"><i class="fa fa-clipboard"></i></button>
</div>

<!-- script -->
<script>
  var clipboard = new ClipboardJS("[data-toggle='clipboard']");
  
  clipboard.on("success", function(e) {
    $(e.trigger).tooltip({
      title: "Copied",
      placement: "top"
    });
    $(e.trigger).tooltip("show");
    setTimeout(function() {
      $(e.trigger).tooltip("dispose");
    }, 500);
  });
</script>