JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://angularlight.org/bin/alight_0.12.last.min.js"></script>
<div al-app al-init="num=1">
  <div class="btn" al-click="num=1"></div>
  <div class="btn" al-click="num=2"></div>
  <div class="block red" al-show="num==1"></div>
  <div class="block blue" al-show="num==2"></div>
</div>

CSS

.block {
  width: 100%;
  height: 100px;
}
.red {background-color: red;}
.blue {background-color: blue;}
.btn {
  width: 100px;
  height: 50px;
  margin: 20px;
  background-color: #000;
}