JSFiddle - React, Tailwind, and code Playground

by daneren2005

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui three stackable steps">
  <div class="completed step">
    <i class="road icon"></i>
    <div class="content">
      <div class="title">Book Created</div>
      <div class="description">You can plan out your book</div>
    </div>
  </div>
  <div class="completed step">
    <i class="cloud upload icon"></i>
    <div class="content">
      <div class="title">Subjects Uploaded</div>
      <div class="description">You can begin work on your book</div>
    </div>
  </div>
  <div class="active step">
    <i class="write icon"></i>
    <div class="content">
      <div class="title">In Work</div>
      <div class="description">You are working on your book</div>
    </div>
  </div>
</div>

<div class="ui three stackable steps">
  <div class="step">
    <i class="checkmark box icon"></i>
    <div class="content">
      <div class="title">Submit Book</div>
      <div class="description">Your book has been submitted</div>
    </div>
  </div>
  <div class="step">
    <i class="plane icon"></i>
    <div class="content">
      <div class="title">Proof Shipped</div>
      <div class="description">Your proof is on it's way</div>
    </div>
  </div>
  <div class="step">
    <i class="flag icon"></i>
    <div class="content">
      <div class="title">Proof Book</div>
      <div class="description">Review your book for errors</div>
    </div>
  </div>
</div>

<div class="ui three stackable steps">
  <div class="step">
    <i class="checkmark box icon"></i>
    <div class="content">
      <div class="title">Submit Final Book</div>
      <div class="description">Your book has been submitted for printing</div>
    </div>
  </div>
  <div class="step">
    <i class="print icon"></i>
    <div class="content">
      <div class="title">Printing</div>
      <div class="description">Your books are being printed</div>
    </div>
  </div>
  <div...

JavaScript

// Add javascript here