JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js"></script>
<script src="https://unpkg.com/semantic-ui-vue/dist/umd/semantic-ui-vue.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.12/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script>
<div id="app">
  <button is="sui-button" primary>
    {{message}}
  </button>
<sui-menu>
<sui-menu-item header>Hello</sui-menu-item>
<router-link tag="sui-menu-item">Hello</router-link>

<sui-menu-item>Woot</sui-menu-item>
</sui-menu>

</div>

JavaScript

Vue.use(SemanticUIVue);
  var app = new Vue({
    el: '#app',
    data: {
      message: 'I\'m a SemanticUI Button!'
    },
  router:new VueRouter({})
  });