JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<button id="foo">foo</button>

CSS

dialog {
  background: white;
  border: none;
  border-radius: 5px;
  box-shadow: -1px 1px 2px 1px grey;
  border: solid 1px grey;
}
dialog::backdrop {
  background: pink;
  opacity: 0.4;
}

p {
  font-size: 2em;
}

JavaScript

foo.value = {name: 'richard'}
console.log(foo.value);