Skip to content

TriedUrlCallout

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

Two-column callout wrapper for the attempted URL.

Vue component: TriedUrlCallout

SlotDefault classesDescription
root4 classesTwo-column callout wrapper for the attempted URL.
label2 classesUppercase label column for the attempted URL.
valuefont-mono text-[12.5px] font-normal leading-none min-w-0 truncateMono value column for URL segments; individual spans own their signal color.
fadetext-muted-foregroundMuted treatment for non-error URL segments so the bad segment remains the signal.

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

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

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

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2