JSFiddle - React, Tailwind, and code Playground

by Heber Almeida

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-menu-overlay"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
<div id="app">
  <vue-menu-overlay :menus="links" label="menu" material="weekend"></vue-menu-overlay>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	links: [
              { title: 'Face', url: '#', material: 'face'},
              { title: 'Nature people', url: '#', material: 'nature_people'},
              { title: 'Account balance', url: '#', material: 'account_balance'},
              { title: 'Motorcycle', url: '#', material: 'motorcycle'}
          ]
  }
})