Skip to main content

Skeleton

Animated placeholder that mimics content layout during loading.

Import​

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

Usage​

<Skeleton variant="text" width="200px" />
<Skeleton variant="circle" width={48} height={48} />
<Skeleton variant="rect" width="100%" height={120} />

API​

PropTypeDefaultDescription
variant'text' | 'circle' | 'rect''text'Shape variant
widthstring | number—Width
heightstring | number—Height
animatebooleantrueEnable pulse animation