사용법
형태
로딩 중 콘텐츠 자리를 채울 때 사용해요. variant로 텍스트·원형·사각형 형태를 선택해요.
스타일 커스터마이징
Skeleton는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Skeleton className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
SkeletonProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| variant | "text" | "circular" | "rectangular" | rectangular | 형태 |
Skeleton 컴포넌트 Props 표
가져오기
import { Skeleton } from "@/components/ui/Skeleton";