Components · Feedback

Skeleton

로딩 중 자리잡기. 콘텐츠의 모양을 미리 보여주는 shimmer 플레이스홀더.

Preview

Usage

<div class="skel sk-circle" style="width:48px;height:48px"></div>
<div class="skel sk-title"></div>
<div class="skel sk-text"></div>
<div class="skel sk-block"></div>

Rules

DO

  • 실제 콘텐츠 모양과 거의 같은 비율로.
  • 200ms 이상 로딩에만 — 짧으면 깜빡임.

DON'T

  • 스피너와 동시 사용 금지 — 둘 중 하나만.