JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://angularlight.org/bin/alight_0.12.last.min.js"></script>
<div id="app">
  <input type="radio" value="guest" al-radio="kind" /> Guest<br/>
  <input type="radio" value="user" al-radio="kind" /> User<br/>
  <input type="radio" value="admin" al-radio="kind" /> Admin
  <hr/>
  <div al-html="template[kind]"></div>
</div>

JavaScript

alight.bootstrap('#app', {
	kind: 'guest',
	template: {
  	guest: '<p>Guest template</p>',
  	user: '<p>User template</p>',
  	admin: '<p>Admin template</p>',
  }
})