mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
v5.0.0 update
This commit is contained in:
36
resources/scripts/components/base/BaseWizard.vue
Normal file
36
resources/scripts/components/base/BaseWizard.vue
Normal file
@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div class="w-full">
|
||||
<slot name="nav">
|
||||
<WizardNavigation
|
||||
:current-step="currentStep"
|
||||
:steps="steps"
|
||||
@click="(stepIndex) => $emit('click', stepIndex)"
|
||||
/>
|
||||
</slot>
|
||||
|
||||
<div :class="wizardStepsContainerClass">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import WizardNavigation from './BaseWizardNavigation.vue'
|
||||
|
||||
const props = defineProps({
|
||||
wizardStepsContainerClass: {
|
||||
type: String,
|
||||
default: 'relative flex items-center justify-center',
|
||||
},
|
||||
currentStep: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
steps: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
})
|
||||
|
||||
const emit = defineEmits(['click'])
|
||||
</script>
|
||||
Reference in New Issue
Block a user