js-button

Simple usage of standalone jr-button and combination with jr-icon author(s): Igor Nesterenko

by NesterOne

HTML

<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="http://localhost:9000/dist/jasper-ui.js"></script>

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

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

<br/>

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

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

CSS

.jrs.m-Button.m-ButtonPrimary {
  color: red;
}

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 ?