aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/components/BaseBreadcrumb.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/components/BaseBreadcrumb.vue')
-rw-r--r--src/frontend/components/BaseBreadcrumb.vue33
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