Lumina

Component · Feedback

Skeleton

Placeholder enquanto o conteúdo carrega. Reflete a estrutura final pra não ter layout shift quando os dados chegam.

Import

import { Skeleton } from "@nimbuslab/lumina/components/skeleton"

Default

Card skeleton

Código

TSX

Princípio

Skeleton deve simular a estrutura real. Mesmo tamanho, mesmo espaçamento. Senão dá layout shift quando o dado chega.