Open navigation

Skeleton

A loading placeholder for content that has not arrived yet.

Import

A loading placeholder for content that has not arrived yet.

Prop	Type	Default
`animate?`	`boolean`	`true`
`shape?`	`'rect'`\|`'circle'`	`'rect'`

Type base (some attrs are managed internally): HTMLAttributes<HTMLDivElement>

import { Skeleton } from '@k8ordo/ui';

<Skeleton />

<Skeleton shape="rect" />
<Skeleton shape="circle" />

<Skeleton size="sm" />
<Skeleton size="md" />
<Skeleton size="lg" />

<Skeleton animate />
<Skeleton animate={false} />