From 0c4b79f92e47475da074d30015713830c717c4b2 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Thu, 18 Jul 2024 11:25:00 +0200 Subject: [PATCH] docs(breadcrumb): update --- ...SlotExample.vue => BreadcrumbDropdownExample.vue} | 0 docs/content/3.components/breadcrumb.md | 12 ++++++------ 2 files changed, 6 insertions(+), 6 deletions(-) rename docs/app/components/content/examples/breadcrumb/{BreadcrumbCustomSlotExample.vue => BreadcrumbDropdownExample.vue} (100%) 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