mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
21 lines
418 B
Vue
21 lines
418 B
Vue
<script setup lang="ts">
|
|
const links = [{
|
|
label: 'Home',
|
|
to: '/'
|
|
}, {
|
|
label: 'Navigation'
|
|
}, {
|
|
label: 'Breadcrumb'
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UBreadcrumb :links="links">
|
|
<template #default="{ link, isActive, index }">
|
|
<UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full truncate">
|
|
{{ index + 1 }}. {{ link.label }}
|
|
</UBadge>
|
|
</template>
|
|
</UBreadcrumb>
|
|
</template>
|