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