스피너는 페이지 또는 콘텐츠가 사용자에게 표시되기 위해 시스템 프로세스가 진행 중이라는 것을 알리기 위해 사용하는 애니메이션 형태의 구성요소 입니다.
Usage
페이지 로딩, 영역별 로딩, 작업 완료를 위한 로딩 때 사용합니다.
•
페이지 또는 영역을 호출하자마자 화면에 표시합니다.
•
저장, 완료 등 사용자의 작업에 대한 처리를 시작할 때 화면에 표시합니다.
•
시스템 작업이 완료되어 콘텐츠가 표시되면 사라집니다.
Variants
전체 표시형
페이지 로딩, 작업 프로세스 로딩 등 화면 전체의 내용이 표시되는 동안 대기할 때 사용합니다.
화면 위에 로고 애니메이션을 오버레이하여 표시합니다.
영역 표시형
영역별로 콘텐츠를 불러올 때 사용합니다.
해당 영역 위에 로고 심벌 애니메이션을 오버레이하여 표시합니다.
Guidelines
•
콘텐츠 위에 스피너를 표시해야 하는 경우에는 배경으로 불투명한 오버레이를 적용하여 콘텐츠 대신 스피너가 강조되어 보이도록 사용합니다.
•
스피너는 항상 페이지 중앙 또는 해당 영역 중앙에 위치해야 합니다.
•
전체 표시형 스피너와 영역 표시형 스피너를 동시에 사용할 수 없습니다.
