2
0
mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-06-12 00:42:24 +03:00

Allow user to define the DOM id of the wizard.

This commit is contained in:
Kolado Sidibe
2018-05-12 05:21:22 -04:00
parent 19414e4f61
commit b77ff8796a
+5 -1
View File
@@ -1,5 +1,5 @@
<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">
<div class="wizard-header" v-if="$slots['title']">
<slot name="title">
@@ -84,6 +84,10 @@
WizardStep
},
props: {
id: {
type: String,
default: 'fw_' + (new Date()).valueOf()
},
title: {
type: String,
default: 'Awesome Wizard'