JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="https://angularlight.org/bin/alight_0.14.last.min.js"></script>
<div al-app>
  <a href @click="a=!a">Link A</a>
  <a href @click="b=!b">Link B</a>
  <a href @click="c=!c">Link C</a>
  <a href @click="d=!d">Link D</a>

  <div :class.active="a">A</div>
  <div :class.active="b">B</div>
  <div :class.active="c">C</div>
  <div :class.active="d">D</div>
</div>

CSS

.active {
  background: red;
}