JSFiddle - React, Tailwind, and code Playground

by 亮 薛

HTML

<link rel="stylesheet" href="https://cdnjs.xueliang.org/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css">
<script src="https://cdnjs.xueliang.org/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.xueliang.org/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
<button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-primary"> Loading state </button>

JavaScript

$(function() {
  $('.demo-loading-btn').click(function() {
    var btn = $(this)
    btn.button('loading')
    setTimeout(function() {
      btn.button('reset')
    }, 3000)
  });
});