JSFiddle - React, Tailwind, and code Playground

by ericmorand

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.7.3/riot.js"></script>
<div class="{ foo: true }">{ foo: true }</div>
<div class="{ foo ? 'bar' : '' }">{ foo ? 'bar' : '' }</div>
<div class="{ foo }">{ foo }</div>
<div class="{ foo}">{ foo}</div>
<div class="{foo }">{foo }</div>
<div class="{foo}">{foo}</div>

CSS

.foo, .true {
  background: crimson;
}

div {
  width: 10em;
  height: 10em;
  background: green;
}