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

docs(tabs): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-08-06 12:41:47 +02:00
parent 8da6a1c0e2
commit 279f55ee2c
4 changed files with 20 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/app/components/content/examples/tabs/TabsContentSlotExample.vue
View File

@@ -12,7 +12,7 @@ const items = [
</script>
<template>
<UTabs :items="items">
<UTabs :items="items" class="w-full">
<template #content="{ item }">
<p>This is the {{ item.label }} tab.</p>
</template>

2
docs/app/components/content/examples/tabs/TabsCustomSlotExample.vue
View File

@@ -24,7 +24,7 @@ const state = reactive({
</script>
<template>
<UTabs :items="items" variant="link" class="gap-4" :ui="{ trigger: 'flex-1' }">
<UTabs :items="items" variant="link" class="gap-4 w-full" :ui="{ trigger: 'flex-1' }">
<template #account="{ item }">
<p class="text-gray-500 dark:text-gray-400 mb-4">
{{ item.description }}

2
docs/app/components/content/examples/tabs/TabsModelValueExample.vue
View File

@@ -19,5 +19,5 @@ onMounted(() => {
</script>
<template>
<UTabs v-model="active" :content="false" :items="items" />
<UTabs v-model="active" :content="false" :items="items" class="w-full" />
</template>