Skeleton

Used to show a placeholder while content is loading

SSR mode

Examples

Default

Various sizes

API

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

Element Purpose
Skeleton A pulsing rounded block sized by ClassName. Use it as a placeholder while real content loads; stack several together to rough out a card or list row.

Skeleton

A pulsing rounded block sized by ClassName. Use it as a placeholder while real content loads; stack several together to rough out a card or list row.

Property Type Required Description
ClassName string? Extra CSS classes appended to the skeleton element. Set height, width, and rounded-* here to shape the placeholder.
AdditionalAttributes Dictionary<string, object>? Captured unmatched attributes, forwarded to the skeleton element.

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.