JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://use.fontawesome.com/1ddffe7916.js"></script>
<link rel="stylesheet" href="https://rawgit.com/yandongCoder/circular-menu/master/dist/css/circular-menu.css">
<script src="https://rawgit.com/yandongCoder/circular-menu/master/dist/js/circular-menu.js"></script>
<div id="menu1" class="menu1">

</div>

CSS

.menu1 {
  left: 50%;
  top: 50%;
}

JavaScript

var menu = CMenu("#menu1")
  .config({
  	pageBackground: 'white',
  	hideAfterClick: false,
    menus: [{
      title: "4th Quarter",
    },
    {
      title: "1st Quarter",
    },
    {
      title: "2nd Quarter"
    },
    {
      title: "3rd Quarter"
    }]
  });


menu.show();