Files
ui/docs/app/components/content/examples/tabs/TabsModelValueExample.vue
2024-07-26 16:13:02 +02:00

24 lines
420 B
Vue

<script setup lang="ts">
const items = [
{
label: 'Account'
},
{
label: 'Password'
}
]
const active = ref('0')
// Note: This is for demonstration purposes only. Don't do this at home.
onMounted(() => {
setInterval(() => {
active.value = String((Number(active.value) + 1) % items.length)
}, 2000)
})
</script>
<template>
<UTabs v-model="active" :content="false" :items="items" />
</template>