JSFiddle - React, Tailwind, and code Playground

by Brian Houlihan

HTML

<html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><link href="<project-root>/node_modules/@chewy/design-system/styles/cds-all.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"><title>Vendor Service Portal</title><link href="/css/app.3be14041.css" rel="preload" as="style"><link href="/css/chunk-vendors.746a9d6e.css" rel="preload" as="style"><link href="/js/app.e15628d3.js" rel="preload" as="script"><link href="/js/chunk-vendors.e89f2f1f.js" rel="preload" as="script"><link href="/css/chunk-vendors.746a9d6e.css" rel="stylesheet"><link href="/css/app.3be14041.css" rel="stylesheet">
                              <iframe src="javascript:void(0)" title="" role="presentation" style="width: 0px; height: 0px; border: 0px; display: none;"></iframe><script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="F5MXR-QFURG-DH5VF-9HSBJ-6WX6B",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var...

CSS

.vppwarning {
  background: #FFF1C4;
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 8px;
  border-color: orange;
  border-width: 3px;
  border-style: solid;
  font-weight: 600;
}