Loading View

Full-viewport loading state — composes LoadingPanel inside a min-h-screen wrapper for top-level route transitions

SSR mode

Examples

Full-viewport loading state (contained preview)

Loading page…

API

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

Element Purpose
LoadingView Full-viewport loading state. Wraps LoadingPanel with MinHeight="min-h-screen" so the spinner and message fill the entire browser window. Intended for top-level route transitions or initial page load states. For section-scoped loading, use LoadingPanel directly.

LoadingView

Full-viewport loading state. Wraps LoadingPanel with MinHeight="min-h-screen" so the spinner and message fill the entire browser window. Intended for top-level route transitions or initial page load states. For section-scoped loading, use LoadingPanel directly.

Property Type Required Description
Message string? Optional loading message forwarded to LoadingPanel. Omit to show the spinner alone.
MinHeight string Min-height Tailwind class forwarded to LoadingPanel. Default: min-h-screen (full viewport). Set to h-full for embedded use (the catalogue preview uses this).

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.