mirrors/vue-form-wizard
2
0
Fork 0
mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-06-19 00:20:32 +03:00
Code Activity

Support tab icons

Browse Source
This commit is contained in:
cristijora
2017-04-16 13:22:04 +03:00
parent 7cc9c5aef4
commit 3410412fec
5 changed files with 42 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/example/index.html
Vendored
+19 -10
View File
@@ -10,16 +10,20 @@
<body>
<div id="app">
<div class="col-xs-8 col-xs-offset-2">
<tab-wizard>
<tab-content title="Personal details">
My first tab content
</tab-content>
<tab-content title="Additional Info">
My second tab content
</tab-content>
<tab-content title="Last step">
Yuhuuu! This seems pretty damn simple
</tab-content>
<tab-wizard @on-complete="onComplete">
<tab-wizard @on-complete="onComplete">
<tab-content title="Personal details"
icon="ti-user">
My first tab content
</tab-content>
<tab-content title="Additional Info"
icon="ti-settings">
My second tab content
</tab-content>
<tab-content title="Last step"
icon="ti-check">
Yuhuuu! This seems pretty damn simple
</tab-content>
</tab-wizard>
</div>
</div>
@@ -30,6 +34,11 @@
Vue.use(VueTabWizard)
new Vue({
el: '#app',
methods: {
onComplete: function(){
alert('Yay. Done!');
}
}
})
</script>
</body>