Skeleton

Ação e status

Lugar do conteúdo enquanto ele carrega. Tem a forma do que vai aparecer.

Substitui no Brain:ds Skeletonpartners skeletonui skeleton

Lista carregando

import { Skeleton } from "@paytime/ui";

export default function Example() {
  return (
    <div className="flex flex-col gap-3">
      {[1, 2, 3].map((row) => (
        <div key={row} className="flex items-center gap-3">
          <Skeleton className="size-8 rounded-full" />
          <div className="flex flex-1 flex-col gap-1.5">
            <Skeleton className="h-3.5 w-1/2" />
            <Skeleton className="h-3 w-1/3" />
          </div>
        </div>
      ))}
    </div>
  );
}