JSFiddle - React, Tailwind, and code Playground

by Ian Sadovy

HTML

<script src="https://s3.amazonaws.com/flexmonster/2.2/flexmonster.js"></script>
<script src="https://s3.amazonaws.com/flexmonster/2.3/flexmonster.js"></script>
<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<button onclick="addPivot()">
  Add pivot with 500px height
</button>
<div id="pivot-container"></div>

JavaScript

$("#pivot-container").flexmonster({
  componentFolder: "https://s3.amazonaws.com/flexmonster/2.3/",
  width: "100%",
  height: 300,
  toolbar: true
});

function addPivot() {
  $("#pivot-container").flexmonster({
    componentFolder: "https://s3.amazonaws.com/flexmonster/2.3/",
    width: "100%",
    height: 500,
    toolbar: true
  });
}