Skeleton
Placeholder animado para conteúdo em carregamento. Melhora a percepção de performance.
import { Skeleton } from "@workspace/ui/components/skeleton";
<Skeleton className="h-4 w-50" />
<Skeleton className="h-12 w-12 rounded-full" />Formas básicas
Retângulos, círculos e linhas de texto.
Card skeleton
Loading state de um card de produto.
Table skeleton
Loading state de uma tabela.
API Reference
| Prop | Type | Default | Descrição |
|---|---|---|---|
className | string | — | Classes Tailwind para dimensão e forma (h-4 w-50, rounded-full) |