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

docs(breadcrumb): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-18 17:48:03 +02:00
parent 067e2d346e
commit 368054456b
5 changed files with 40 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
docs/app/components/content/examples/breadcrumb/BreadcrumbExample.vue
View File

@@ -1,18 +0,0 @@
<script setup lang="ts">
const items = [{
label: 'Home',
icon: 'i-heroicons-home'
}, {
icon: 'i-heroicons-cube-transparent',
label: 'Components',
to: '/components'
}, {
icon: 'i-heroicons-link',
label: 'Breadcrumb',
to: '/components/breadcrumb'
}]
</script>
<template>
<UBreadcrumb :items="items" />
</template>

6
docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue
View File

@@ -12,5 +12,9 @@ const items = [{
</script>
<template>
<UBreadcrumb :items="items" separator-icon="i-heroicons-arrow-right-20-solid" />
<UBreadcrumb :items="items">
<template #separator>
<span class="mx-2 text-gray-500 dark:text-gray-400">/</span>
</template>
</UBreadcrumb>
</template>

20
docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorSlotExample.vue
View File

@@ -1,20 +0,0 @@
<script setup lang="ts">
const items = [{
label: 'Home',
to: '/'
}, {
label: 'Components',
to: '/components'
}, {
label: 'Breadcrumb',
to: '/components/breadcrumb'
}]
</script>
<template>
<UBreadcrumb :items="items">
<template #separator>
<span class="mx-2 text-gray-500 dark:text-gray-400">/</span>
</template>
</UBreadcrumb>
</template>