shadcn-vue/apps/www/src/lib/registry/new-york/example/ProgressDemo.vue

16 lines
368 B
Vue

<script setup lang="ts">
import { ref, watchEffect } from 'vue'
import { Progress } from '@/lib/registry/new-york/ui/progress'
const progress = ref(13)
watchEffect((cleanupFn) => {
const timer = setTimeout(() => progress.value = 66, 500)
cleanupFn(() => clearTimeout(timer))
})
</script>
<template>
<Progress v-model="progress" class="w-[60%]" />
</template>