Skeleton
/componentes/skeleton.mdmarkdown cru, para quem lê com agent em vez de olho
Linhas de tabela
Cartão
import { Skeleton } from '@rivocode/ui'Quando usar
Marca de lugar enquanto o dado não chegou.
Da a forma com utilitarios: <Skeleton className="h-4 w-40" />. Reproduza o
formato do conteúdo que vai chegar, senao a tela pula quando ele chega.
Fica escondido do leitor de tela de propósito. Marque o container com
aria-busy="true", que é onde o aviso de carregamento pertence. Respeita
prefers-reduced-motion.
No React Native
Traduz: o @rivocode/ui-native exporta Skeleton - mesma marca de lugar, mesmo token, e o mesmo pulso de 2 s; parado com reduzir movimento. A API não é a mesma do web (no nativo tudo é controlado), e a tabela de paridade diz o que muda peça a peça.
API
Sem prop própria: repassa ao elemento de baixo o que você mandar.