---
url: "https://vueda.dev/v3/reference/theming/keys/BreadcrumbList.md"
title: "BreadcrumbList"
---

# BreadcrumbList

Source: `client/lib/theme/vueda-tailwind/navigation/index.js`

> Inline wrapping row for breadcrumb items.

Vue component: [BreadcrumbList](/v3/reference/api/vue/BreadcrumbList.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/BreadcrumbList.md#theme-key-BreadcrumbList-root) | 2 classes | Inline wrapping row for breadcrumb items. |

<a id="theme-key-BreadcrumbList-root"></a>

## root

> Inline wrapping row for breadcrumb items.

Default classes:

```text
text-muted-foreground flex flex-wrap items-center gap-1.5
text-sm break-words sm:gap-2.5
```

Source: `client/lib/theme/vueda-tailwind/navigation/BreadcrumbList.theme.js:16`