vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

feat(VStepperVertical): create new component

Open johnleider opened this issue 3 months ago • 0 comments

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>

johnleider avatar Apr 01 '24 16:04 johnleider