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

Merge pull request #242 from ksidibe/dom-id-functionality

Browse Source 
Allow user to define the DOM id of the wizard.
This commit is contained in:
Cristi Jora
2018-05-18 12:00:28 +03:00
committed by GitHub
parent 19414e4f61 b77ff8796a
commit 12b3512d09
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'