Error View

Full-viewport error state — composes ErrorStatePanel inside a min-h-screen centered wrapper

SSR mode

Examples

Full-viewport 500 error with action

500

Internal server error

Something went wrong on our end. Our team has been notified and is working on a fix.

API

The element family below can be composed together. Click an element to jump to its properties.

Element	Purpose
ErrorView	Full-viewport error state. Wraps `ErrorStatePanel` in a `min-h-screen flex items-center justify-center bg-subtle-bg` container so the centred layout fills the browser window. Accepts the identical parameter surface as `ErrorStatePanel` and forwards all values.

ErrorView

Full-viewport error state. Wraps ErrorStatePanel in a min-h-screen flex items-center justify-center bg-subtle-bg container so the centred layout fills the browser window. Accepts the identical parameter surface as ErrorStatePanel and forwards all values.

Property	Type	Description
Title	string	Error heading. Forwarded to `ErrorStatePanel`.
Description	string?	Supporting muted text. Forwarded to `ErrorStatePanel`. Omit to suppress.
Status	string?	Optional HTTP status code or label. Forwarded to `ErrorStatePanel`. Omit to suppress.
Action	RenderFragment?	Optional action slot. Forwarded to `ErrorStatePanel`.
Borders	bool	Forwarded to `ErrorStatePanel`. Default: `true`.
BgFilled	bool	Forwarded to `ErrorStatePanel`. Default: `true`.
Gutters	bool	Forwarded to `ErrorStatePanel`. Default: `true`.
MinHeight	string	Min-height Tailwind class on the outer wrapper. Default: `min-h-screen` (full viewport). Set to `h-full` for embedded use inside a sized parent (the catalogue preview uses this).