Loading Panel
Spinner and optional message centred in a configurable min-height block — no wrapper chrome, designed for use inside existing containers
SSR mode
Examples
Minimal — spinner only
With message
Loading data…
Tall variant with message
Please wait while we fetch your results.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| LoadingPanel | Spinner centred in a configurable min-height block with an optional muted message below. Intentionally exposes no wrapper-styling parameters — it is designed to sit inside containers that already supply their own chrome. For a full-viewport loading state, use LoadingView. |
LoadingPanel
Spinner centred in a configurable min-height block with an optional muted message below. Intentionally exposes no wrapper-styling parameters — it is designed to sit inside containers that already supply their own chrome. For a full-viewport loading state, use LoadingView.
| Property | Type | Required | Description |
|---|---|---|---|
| Message | string? | Optional loading message rendered below the spinner in text-sm text-muted-foreground. Omit to show the spinner alone. | |
| MinHeight | string | Tailwind min-height class applied to the wrapper. Default: min-h-32. Pass any Tailwind min-h-* class to control the block height. |