JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<h1 id="headerCopy">Install with Eager</h1>
<p>The easiest way to install <span id="companyName"></span> onto your site is with Eager. Click the Install button below to get started.</p>
<iframe src="//install.eager.io?appId=[ appId ]" allowTransparency="true" scroll="no" frameBorder="0" style="height: 48px; width: 180px"></iframe>

CSS

body {
    font-family: sans-serif;
    color: #333
}

JavaScript

// Variables (You change these)
companyNameText = 'Olark';
headerCopyText = 'Install with Eager';
fontSize = 24;

// Setup
companyName.innerHTML = companyNameText;
headerCopy.innerHTML = headerCopyText;
document.body.style.fontSize = fontSize + 'px';