Componentes — 16

Skeleton

Placeholder visual para carregamento de blocos, linhas de texto e elementos circulares sem gerar mudança brusca de layout.

16.1

Carregamento estrutural

Use Skeleton quando o layout já é conhecido e os dados ainda estão chegando.

Variações

<Skeleton variant="text" lines={3} />
<Skeleton variant="block" />
<Skeleton variant="circle" />

16.2

Skeleton é decorativo para tecnologias assistivas. O container de tela deve anunciar carregamento quando necessário.

varianttext | block | circleFormato visual do placeholder

linesnumberQuantidade de linhas na variante text

width / heightCSSPropertiesDimensões customizadas