<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/@kong/kongponents@9/dist/kongponents.umd.js"></script>
<link href="https://unpkg.com/@kong/kongponents@9/dist/style.css" rel="stylesheet" />
<div id="app">
<k-button appearance="primary" v-on:click="count += 1" icon="plus">Add</k-button>
<p>Click count: {{ count }}</p>
</div>
<script>
const {
createApp
} = Vue
const components = Kongponents
createApp({
components: {
KButton: components.KButton
},
data() {
return {
count: 1
}
}
}).mount('#app')
</script>
// styles for demo only
body {
padding: 20px;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.