ErrorDisplay

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

Full-width error block wrapper for message, code, and links.

Vue component: ErrorDisplay

Slot	Default classes	Description
root	w-full	Full-width error block wrapper for message, code, and links.
container	max-w-full overflow-x-auto p-1 2xs:p-2 2xl:p-4 flex flex-col gap-2	Scroll-safe column container for long diagnostic text.
message		Primary error message area; inherits typography from the surrounding surface.
codeBlock	bg-neutral-100 dark:bg-neutral-800 p-1 2xs:p-2 2xl:p-4 rounded	Code block surface for stack traces or machine diagnostics.
link	underline	Underlined recovery or detail link inside the error message.

root

Full-width error block wrapper for message, code, and links.

Default classes:

w-full

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

container

Scroll-safe column container for long diagnostic text.

Default classes:

max-w-full overflow-x-auto p-1 2xs:p-2 2xl:p-4 flex flex-col gap-2

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

message

Primary error message area; inherits typography from the surrounding surface.

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

codeBlock

Code block surface for stack traces or machine diagnostics.

Default classes:

bg-neutral-100 dark:bg-neutral-800 p-1 2xs:p-2 2xl:p-4 rounded

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

link

Underlined recovery or detail link inside the error message.

Default classes:

underline

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