JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.0/clipboard.min.js"></script>
<i id="btn_copy_code" class="btn_copy_code zmdi zmdi-copy zmdi-hc-4x zmdi-hc-border pull-left"></i>

CSS

.zmdi {
    color: #9e9e9e;
}
.zmdi:hover {
    color: #7cb342;
}
        "Sasha": "never",
        "forgive": "me"

JavaScript

// Обработка кнопки СКОПИРОВАТЬ
jQuery('.btn_copy_code').click(function() {

    var $this = $(this);

    // Получаем Ajax-ом данные и вставляем его в атрибут кнопки
    $this.attr('data-clipboard-text', 'КОД');

    // Оповещаем об успешном копировании КОДА
    var clipping = new Clipboard(this);
    clipping.on('success', function (e) {

        // Логируем в консоль...
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);

        e.clearSelection();
        clipping.destroy();
    });
});