1. 스켈레톤(Skeleton)의 정의

스켈레톤은 사용자에게 ‘대기 중’이라는 느낌을 전달하고, 빠르게 로딩되고 있는 듯한 느낌을 제공합니다.

2. 사용 안내

동작 안내
스켈레톤은 콘텐츠 로딩 시 사용자에게 ‘대기 중’이라는 느낌을 전달합니다. 로딩을 완료한 경우 정상적인 페이지를 제공하며, 로딩 실패 시 엠프티 스테이트를 제공합니다.

애니메이션 안내
왼쪽에서 오른쪽으로 이동하는 애니메이션을 반복적으로 제공하여 로딩 중임을 인지할 수 있도록 제공합니다.

적용 안내
노출되는 콘텐츠 영역의 내용의 너비와 높이를 추론하여 제공합니다. 시스템에 사용되는 상황별 사례는 아래와 같습니다.

텍스트의 경우에 사용합니다.

이미지의 경우에 사용합니다.

3. 배치

콘텐츠 영역에 그리드 영역에 맞춰 배치할 수 있습니다.