JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.12.0/umd/react.production.min.js"></script>
<div id='root'>

</div>

CSS

/*  imported from PrimaryButton.module.scss  */

.PrimaryButton-module__PrimaryButton___3j0RL {
  background-color: red; }

JavaScript

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var styles = {
  "PrimaryButton": "PrimaryButton-module__PrimaryButton___3j0RL"
};

function PrimaryButton() {
  return _react["default"].createElement("div", {
    className: styles.PrimaryButton
  }, "PrimaryButton Works");
}

var _default = PrimaryButton;
exports["default"] = _default;

react.render(PrimaryButton, document.getElementById('root'));