Files
ui/playground/pages/tabs.vue
Romain Hamel de62676647 feat(Form): new component (#4)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2024-03-19 16:09:12 +01:00

22 lines
422 B
Vue

<script setup lang="ts">
const items = [{
label: 'Tab1',
content: 'This is the content shown for Tab1',
slot: 'tab1'
}, {
label: 'Tab2',
content: 'And, this is the content for Tab2'
}, {
label: 'Tab3',
content: 'Finally, this is the content for Tab3'
}]
</script>
<template>
<UTabs :items="items" class="w-96">
<template #tab1="{ item }">
{{ item.label }}
</template>
</UTabs>
</template>