DiagnosticStrip

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

Compact diagnostic definition-list grid for request, route, or session values.

Vue component: DiagnosticStrip

Slot	Default classes	Description
root	3 classes	Compact diagnostic definition-list grid for request, route, or session values.
dt	2 classes	Uppercase diagnostic label cell.
dd	text-[11px] font-normal text-foreground leading-none m-0	Diagnostic value cell; the component adds mono treatment when requested.

root

Compact diagnostic definition-list grid for request, route, or session values.

Default classes:

grid grid-cols-[auto_1fr] items-center gap-x-3 gap-y-1
rounded-vueda-card hairline hairline-border bg-muted/35
px-3 py-2

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

dt

Uppercase diagnostic label cell.

Default classes:

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

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

dd

Diagnostic value cell; the component adds mono treatment when requested.

Default classes:

text-[11px] font-normal text-foreground leading-none m-0

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