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

Allow user to define the DOM id of the wizard.

Browse Source
This commit is contained in:
Kolado Sidibe
2018-05-12 05:21:22 -04:00
parent 19414e4f61
commit b77ff8796a
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FormWizard.vue
+5 -1
View File
@@ -1,5 +1,5 @@
<template> <template>
<div class="vue-form-wizard" :class="[stepSize, {vertical: isVertical}]" @keyup.right="focusNextTab" <div :id="id ? id : ''" class="vue-form-wizard" :class="[stepSize, {vertical: isVertical}]" @keyup.right="focusNextTab"
@keyup.left="focusPrevTab"> @keyup.left="focusPrevTab">
<div class="wizard-header" v-if="$slots['title']"> <div class="wizard-header" v-if="$slots['title']">
<slot name="title"> <slot name="title">
@@ -84,6 +84,10 @@
WizardStep WizardStep
}, },
props: { props: {
id: {
type: String,
default: 'fw_' + (new Date()).valueOf()
},
title: { title: {
type: String, type: String,
default: 'Awesome Wizard' default: 'Awesome Wizard'