shadcn-vue/apps/www/registry/new-york/example/ProgressDemo.vue
2024-11-21 11:52:31 +08:00

16 lines
366 B
Vue

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