Loading

액션 또는 데이터 로드 시간으로 지체되어 진행 상태를 표시하는 컴포넌트입니다.
사용자에게 데이터 로드에 대한 시각적인 피드백을 애니메이션으로 제공합니다.

Anatomy

  • 1. Fill

    경로를 따라 반복적으로 움직입니다.

  • 2. Trak

    움직이는 경로의 영역입니다.

데이터 로드가 처리되고 있음을 명확하게 인지할 수 있도록 전달합니다.

시계 반대 방향의 애니메이션으로 시각적 혼란을 전달하지 않습니다.

Types

Spinner

원형 형태의 시계 방향으로 움직이는 애니메이션으로 표시합니다.

데이터 로드가 완료될 때까지 멈추지 않고 반복하여 표시합니다.

Usage

Spinner

화면 내 단독으로 배치하여 사용할 수 있습니다.

  • Anatomy
  • Types
    • Spinner
  • Usage
    • Spinner