arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 07:50:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Tabs): new component (#450)

Browse Source
This commit is contained in:
Benjamin Canac
2023-07-27 16:22:49 +02:00
committed by GitHub
parent 10890e6704
commit 8298b62f21
12 changed files with 684 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/components/content/examples/TabsExampleVertical.vue Normal file
View File

@@ -0,0 +1,16 @@
<script setup>
const items = [{
label: 'Tab1',
content: 'This is the content shown for 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" orientation="vertical" :ui="{ wrapper: 'flex items-center gap-4', list: { width: 'w-48' } }" />
</template>