JSFiddle - React, Tailwind, and code Playground

by Vikash Kumar Gupta

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>
<div id="app">
<el-steps :space="200" :active="1" simple>
  <el-step title="Step 1" icon="el-icon-edit1"></el-step>
  <el-step title="Step 2" icon="el-icon-upload1"></el-step>
  <el-step title="Step 3" icon="el-icon-picture1"></el-step>
</el-steps>

<el-steps :active="1" finish-status="success" simple style="margin-top: 20px">
  <el-step title="Step 1" ></el-step>
  <el-step title="Step 2" ></el-step>
  <el-step title="Step 3" ></el-step>
</el-steps>
</div>

SCSS

@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

Babel + JSX

new Vue().$mount('#app')