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

# BreadcrumbLink

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

> Navigable trail step. Hover and focus move toward foreground without changing weight.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/BreadcrumbLink.md#theme-key-BreadcrumbLink-root) | 2 classes | Navigable trail step. Hover and focus move toward foreground without changing weight. |

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

## root

> Navigable trail step. Hover and focus move toward foreground without changing weight.

Default classes:

```text
hover:text-foreground transition-colors
rounded-vueda-control focus-visible:focus-ring
```

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