PageSkeleton

PageSkeleton is the loading shape of a dashboard page — header, metric tiles, and a table — plus the announcer that tells assistive tech the page is loading.

import { PageSkeleton } from '@lobehub/ui/dashboard';

NPM Source Edit

Data Display

Default

Loading preview

APIs

PageLoading

PageLoading properties

header

boolean

Defaults to true.

label

string

Announced to assistive tech.

Defaults to "Loading".

stats

number

Defaults to 4.

PageHeaderSkeleton

PageHeaderSkeleton properties

action: boolean
Defaults to true.

TableSkeleton

TableSkeleton properties

framed

boolean

Defaults to true.

leading

'icon' | 'text' | 'avatar'

First cell: two lines, a person, or a mark.

Defaults to "text".

rows

number

Defaults to 6.

StatCardSkeleton

StatCardSkeleton properties

No public properties.