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

# TriedUrlCallout

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

> Two-column callout wrapper for the attempted URL.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/TriedUrlCallout.md#theme-key-TriedUrlCallout-root) | 4 classes | Two-column callout wrapper for the attempted URL. |
| [label](/v3/reference/theming/keys/TriedUrlCallout.md#theme-key-TriedUrlCallout-label) | 2 classes | Uppercase label column for the attempted URL. |
| [value](/v3/reference/theming/keys/TriedUrlCallout.md#theme-key-TriedUrlCallout-value) | `font-mono text-[12.5px] font-normal leading-none min-w-0 truncate` | Mono value column for URL segments; individual spans own their signal color. |
| [fade](/v3/reference/theming/keys/TriedUrlCallout.md#theme-key-TriedUrlCallout-fade) | `text-muted-foreground` | Muted treatment for non-error URL segments so the bad segment remains the signal. |

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

## root

> Two-column callout wrapper for the attempted URL.

Default classes:

```text
grid grid-cols-[88px_1fr] items-center gap-x-2
rounded-vueda-card hairline hairline-border
px-3 py-2
overflow-hidden
```

Source: `client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:16`

<a id="theme-key-TriedUrlCallout-label"></a>

## label

> Uppercase label column for the attempted URL.

Default classes:

```text
text-[10px] font-semibold uppercase tracking-[0.06em]
text-muted-foreground leading-none shrink-0
```

Source: `client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:25`

<a id="theme-key-TriedUrlCallout-value"></a>

## value

> Mono value column for URL segments; individual spans own their signal color.

Default classes:

`font-mono text-[12.5px] font-normal leading-none min-w-0 truncate`

Source: `client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:32`

<a id="theme-key-TriedUrlCallout-fade"></a>

## fade

> Muted treatment for non-error URL segments so the bad segment remains the signal.

Default classes:

`text-muted-foreground`

Source: `client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:36`