<link href="https://unpkg.com/@kongponents/styles@latest/styles.css" rel="stylesheet" />
<script src="https://unpkg.com/vue@legacy"></script>
<script src="https://unpkg.com/@kongponents/kbutton@latest/dist/KButton.umd.js"></script>

<div id="app">
   <k-button appearance="primary" v-on:click="count += 1">add me</k-button>
   <p>{{ message }} {{ count }}</p>
</div>
// styles for demo only
body {
   padding: 20px;
}
View Compiled 
new Vue({
  el: '#app',
  components: { KButton: KButton },
  data: {
    count: 1,
    message: 'KButton'
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.