Files
app/src/components/TabsStepper.vue
T
2023-05-31 20:44:10 +02:00

29 lines
649 B
Vue

<script setup>
const props = defineProps({
modelValue: String,
previousStep: {
type: String,
required: false,
default: null,
},
nextStep: {
type: String,
required: false,
default: null,
},
})
const emit = defineEmits(["update:modelValue"])
const setStep = (val) => {
emit("update:modelValue", val);
}
</script>
<template>
<q-btn-group flat spread class="q-mt-xl">
<q-btn v-if="previousStep" label="Previous step" @click=setStep(props.previousStep) icon="chevron_left"/>
<q-btn v-if="nextStep" label="Next step" @click=setStep(props.nextStep) icon-right="chevron_right"/>
</q-btn-group>
</template>