JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="//angularlight.org/bin/alight_0.12.last.min.js"></script>
<div al-app>
  
  <input type="checkbox" al-checked="active" /> active
  <div class="box"    
    :style.background-color="active?'red':'green'"
    :style.border-color="color"
    ></div>
  
  <button @click="color='red'">red</button>
  <button @click="color='yellow'">yellow</button>
  <button @click="color='blue'">blue</button>

</div>

CSS

.box {
  width: 100px;
  height: 100px;
  border: 5px solid;
}