JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<link rel="stylesheet" href="//unpkg.com/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/[email protected]/dist/bootstrap-vue.css">
<script src="//unpkg.com/babel-polyfill/dist/polyfill.min.js"></script>
<script src="//unpkg.com/[email protected]/dist/vue.min.js"></script>
<script src="//unpkg.com/[email protected]/dist/bootstrap-vue.js"></script>
<div id="app">
  <div>
    <b-button v-b-modal.modalone>ModalOne</b-button>
    <b-button v-b-modal.modaltwo>Modaltwo</b-button>
    <b-modal id="modalone">Hello Modal One</b-modal>
  </div>
    <b-modal id="modaltwo">Hello Modal Two</b-modal>
</div>

CSS

body { padding: 1rem; }

JavaScript

window.onload = () => {
  new Vue({
    el: '#app',
    data() {
      return {
      }
    }
  })
}