diff --git a/apps/tailwind-components/components/content/ContentBlock.vue b/apps/tailwind-components/components/content/ContentBlock.vue
index 2364fe1366..5bffb4c002 100644
--- a/apps/tailwind-components/components/content/ContentBlock.vue
+++ b/apps/tailwind-components/components/content/ContentBlock.vue
@@ -1,6 +1,6 @@
diff --git a/apps/tailwind-components/pages/BreadCrumbs.story.vue b/apps/tailwind-components/pages/BreadCrumbs.story.vue
new file mode 100644
index 0000000000..92564bcd42
--- /dev/null
+++ b/apps/tailwind-components/pages/BreadCrumbs.story.vue
@@ -0,0 +1,28 @@
+
+ Default breadcrumbs, with 3 items
+
+
+
+
+ Breadcrumbs aligined left
+
+
+
+
+ Breadcrumbs with 'item 4' as current
+
+
+
+
+
+
diff --git a/apps/ui/pages/[schema]/[table]/index.vue b/apps/ui/pages/[schema]/[table]/index.vue
index a1e51a0de8..6d82a52b8f 100644
--- a/apps/ui/pages/[schema]/[table]/index.vue
+++ b/apps/ui/pages/[schema]/[table]/index.vue
@@ -86,27 +86,25 @@ function handleSettingsUpdate(settings: ITableSettings) {
router.push({ query });
}
+
+const crumbs = computed(() => {
+ let crumb: { [key: string]: string } = {};
+ crumb[schemaId] = `/${schemaId}`;
+ return crumb;
+});
+const current = computed(
+ () => tableMetaData.value?.label ?? tableMetaData.value?.id ?? ""
+);
-
+
-
+
-
+
Loading...
Error: {{ error }}
diff --git a/apps/ui/pages/[schema]/index.vue b/apps/ui/pages/[schema]/index.vue
index 52d9073205..16a042905d 100644
--- a/apps/ui/pages/[schema]/index.vue
+++ b/apps/ui/pages/[schema]/index.vue
@@ -46,14 +46,9 @@ const ontologies = computed(
-
+
-
+