JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="//angularlight.org/bin/alight_basis_0.13.last.min.js"></script>
<div al-app>

<ul>
  <li @click="select=1">List1</li>
  <li @click="select=2">List2</li>
  <li @click="select=3">List3</li>
  <li @click="select=4">List4</li>
</ul>

<select al-value="select">
  <option value="1">Option1</option>
  <option value="2">Option2</option>	
  <option value="3">Option3</option>
  <option value="4">Option4</option>
</select>


</div>

CSS

li {
  margin-bottom: 5px;
  cursor: pointer;
}