Groudit UI

Skeleton

Betav1.0.0

콘텐츠 로딩 중 자리에 표시되는 placeholder.

import { Skeleton } from "@/components/ui/skeleton";

<Skeleton className="h-4 w-[250px]" />

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/skeleton.json

Composition

Skeleton

Accessibility

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

4.1.3

Notes

  • •로딩 중이라는 사실은 aria-busy=true 또는 aria-live 로 알릴 것.