mirror of
https://github.com/tenrok/vue-form-wizard.git
synced 2026-06-19 00:20:32 +03:00
Support tab icons
This commit is contained in:
Vendored
+19
-10
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user