JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<script src="https://unpkg.com/[email protected]/dist/main.js"></script>
    <div class="container">

      <div data-asb data-asb-color="salmon" data-asb-angle="230" class="my-element"></div>
      <div data-asb data-asb-color="lightgreen" data-asb-angle="120" class="my-element"></div>
      <div data-asb data-asb-color="Khaki" data-asb-angle="43" class="my-element"></div>
    </div>

CSS

.my-element {
        background: lavender;
        width: 200px;
        height: 150px;
        margin: 10px;
        display: flex;
        overflow: hidden;
      }

      .container {
        display: flex;
      }

JavaScript

autoBindElements();