JSFiddle - React, Tailwind, and code Playground

by NesterOne

HTML

<script src="http://localhost:9000/dist/jasper-ui.js"></script>
<link rel="stylesheet" href="http://localhost:9000/themes/default/jasper-ui.css">
<link rel="stylesheet" href="http://localhost:9000/themes/default/jasper-ui.css" />
<script src=""></script>

<jr-button>Primary Button</jr-button>

<jr-button type="default">Default Button</jr-button>

<jr-button size="small">Primary Button</jr-button>

<jr-button type="default" size="small">Default Button</jr-button>

JavaScript

//To make components work you have to create a view for some area on your page
//In our case we apply view to all document's body

jasper(function(Vue){
    new Vue({ el: "body"});
});

//TODO: How to get particular button ? to call method ? to subscribe for event ?