JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button class="bf-button_fetch" data-load="Loading… <i class='fas fa-cart-arrow-down'></i>">Hello world <i class="fas fa-check"></i></button>

JavaScript

jQuery(function () {

    var $ = jQuery;

    var bfButtonFetch = $('.bf-button_fetch');
    
    bfButtonFetch.click(function() {
        var $this = $(this);
        var dataLoad = $this.data('load');
		$this.prop('disabled', true).html(dataLoad);
    });

   
});