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

# BreadcrumbItem

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

> One breadcrumb step plus its separator affordance, sized as an inline cluster.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/BreadcrumbItem.md#theme-key-BreadcrumbItem-root) | `inline-flex items-center gap-1.5` | One breadcrumb step plus its separator affordance, sized as an inline cluster. |

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

## root

> One breadcrumb step plus its separator affordance, sized as an inline cluster.

Default classes:

`inline-flex items-center gap-1.5`

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