Skip to content

DiagnosticStrip ​

Overview ​

Two-column dl grid debug strip for system views. Each row renders a 10 px uppercase sans label (dt) paired with an 11 px value (dd). Intended as a copy-paste footer inside SystemMessageCard body slots so an operator can paste request id, route, and session into a ticket.

Theme entry: DiagnosticStrip

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
rows{ label: string, value: string }[][]Row data. Each entry renders one dt (label) / dd (value) pair.
monobooleantrueRender values in a monospace font. Defaults to true.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the root element.

Source ​

client/lib/display/system-message/DiagnosticStrip.vue