diff options
Diffstat (limited to 'src/frontend/components/BaseBreadcrumb.vue')
-rw-r--r-- | src/frontend/components/BaseBreadcrumb.vue | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/frontend/components/BaseBreadcrumb.vue b/src/frontend/components/BaseBreadcrumb.vue new file mode 100644 index 0000000..df82968 --- /dev/null +++ b/src/frontend/components/BaseBreadcrumb.vue @@ -0,0 +1,33 @@ +<template> + <nav aria-label="breadcrumb"> + <ol class="breadcrumb"> + <li + v-for="(item, index) in items" class="breadcrumb-item" + :key="index"> + <router-link :to="item.path"> + {{ item.name }} + </router-link> + </li> + <li class="breadcrumb-item active" aria-current="page"> + {{ activeItem }} + </li> + </ol> + </nav> +</template> + + +<script> +export default { + name: "BaseBreadcrumb", + props: { + items: { + type: Array, + required: true + }, + activeItem: { + type: String, + required: true + } + } +}; +</script>
\ No newline at end of file |