diff --git a/docs/app/components/content/examples/breadcrumb/BreadcrumbDropdownExample.vue b/docs/app/components/content/examples/breadcrumb/BreadcrumbCustomSlotExample.vue
similarity index 100%
rename from docs/app/components/content/examples/breadcrumb/BreadcrumbDropdownExample.vue
rename to docs/app/components/content/examples/breadcrumb/BreadcrumbCustomSlotExample.vue
diff --git a/docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue b/docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorSlotExample.vue
similarity index 100%
rename from docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorExample.vue
rename to docs/app/components/content/examples/breadcrumb/BreadcrumbSeparatorSlotExample.vue
diff --git a/docs/content/3.components/breadcrumb.md b/docs/content/3.components/breadcrumb.md
index 0a8a54a6..329c9456 100644
--- a/docs/content/3.components/breadcrumb.md
+++ b/docs/content/3.components/breadcrumb.md
@@ -66,17 +66,17 @@ You can customize this icon globally in your `app.config.ts` under `ui.icons.che
 
 ## Examples
 
-### With dropdown
+### With custom slot
 
 Use the `slot` property to customize a specific item with a dropdown menu for example.
 
-:component-example{name="breadcrumb-dropdown-example"}
+:component-example{name="breadcrumb-custom-slot-example"}
 
 ### With separator slot
 
 Use the `#separator` slot to customize the separator between each item.
 
-:component-example{name="breadcrumb-separator-example"}
+:component-example{name="breadcrumb-separator-slot-example"}
 
 ## API