JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="https://angularlight.org/bin/alight_0.14.last.min.js"></script>
<input type="text" al-value="name" @focus="v=1" @keydown.esc="cancel()" />
<b :hidden="!v" @click="save()">&#10010;</b>
<b :hidden="!v" @click="cancel()">&#10006;</b>

CSS

b {
  cursor: pointer;
}

JavaScript

var app = {
	name: 'Hello world',
  prev: 'Hello world',
  save: () => {app.prev = app.name; app.v=0},
  cancel: () => {app.name = app.prev; app.v=0}
};

alight('body', app);