Skeleton

MSK Skeleton은 콘텐츠 로딩 중 레이아웃을 유지하기 위한 placeholder입니다. 데이터가 없다는 의미는 empty state로 분리합니다.

Preview

Usage

<span class="msk-ui-skeleton" style="width: 12rem; height: 1rem"></span>
<span class="msk-ui-skeleton" data-shape="circle" style="width: 2rem; height: 2rem"></span>

prefers-reduced-motion 환경에서는 모션을 줄입니다.