JSFiddle - React, Tailwind, and code Playground

by nuysoft

HTML

<script src="//g-assets.daily.taobao.net/thx/brix-release/require-config-css.js"></script>
<div bx-name="components/spin"></div>

<div bx-name="components/spin" data-type="rotating-plane"></div>
<div bx-name="components/spin" data-type="double-bounce"></div>
<div bx-name="components/spin" data-type="rectangle-bounce"></div>
<div bx-name="components/spin" data-type="wandering-cubes"></div>
<div bx-name="components/spin" data-type="pulse"></div>
<div bx-name="components/spin" data-type="chasing-dots"></div>
<div bx-name="components/spin" data-type="three-bounce"></div>
<div bx-name="components/spin" data-type="circle-spinner"></div>

CSS

body {
  padding: 10px;
}

body [bx-name="components/spin"] {
  width: 100px;
  height: 60px;
  display: inline-block;
  float: left;
  background-color: #FAFAFA;
  margin: 0 10px 10px 0;
}

JavaScript

require(['brix/loader'], function(Loader) {
  Loader.boot(function() {})
})