Skeleton

SobreCopiar link da âncora

Placeholder animado (bone) para conteúdo carregando. KasySkeleton desenha um bloco retangular ou circular; KasySkeletonGroup sincroniza a animação de todos os bones dentro dele.

• KasySkeleton({ width, height, borderRadius }): bone retangular.
• KasySkeleton.circle({ size }): bone circular (avatar, ícone).
• borderRadius: raio dos cantos do bone retangular; padrão é KasyRadius.smBorderRadius.
• KasySkeletonGroup(animation: KasySkeletonAnimation): controla a animação de todos os KasySkeleton filhos.
  • shimmer (padrão): faixa de destaque varre da esquerda pra direita.
  • pulse: todos os bones piscam (fade) juntos.
  • none: cor estática, sem animação.

Respeita "reduce motion" do sistema automaticamente (cai para none). Envolva o layout de loading com KasySkeletonGroup e troque pelo conteúdo real quando os dados chegarem.

PreviewCopiar link da âncora

Atualizado em 03/11/2026