vuetify
vuetify copied to clipboard
feat(VStepperVertical): create new component
Motivation and Context
TODO: remove need for v-model
Markup:
<template>
<v-app>
<div class="ma-4 pa-4">
<v-stepper-vertical v-model="model" :items="items">
<template #item.1>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!
</template>
<template #item.2>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!
</template>
<template #item.3>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!
</template>
</v-stepper-vertical>
</div>
</v-app>
</template>
<script setup>
import { ref } from 'vue'
const model = ref()
const items = [
'Step 1',
'Step 2',
'Step 3',
]
</script>