Loading

데이터를 불러오거나 시스템이 처리 중일 때 사용하여 작업이 진행 중임을 시각적으로 알립니다. 로딩 중에는 사용자의 추가적인 입력을 막아 데이터 충돌이나 중복 요청과 같은 오류를 방지하는 역할을 합니다.

Design

Web

iOS

Android

WantedCircularLoading

화면 중앙에 원형으로 로딩 상태를 안내하는 컴포넌트입니다. dim 배경 포함 여부, 크기, 색상을 설정할 수 있습니다.

WantedCircularLoading(
    size = 32.dp,
    circleColor = Color.Gray,
    dimColor = Color.Black.copy(alpha = 0.3f)
)

커스터마이징 가능한 원형 Loading Indicator입니다. 기본 크기는 24dp이며, 선 굵기는 전체 크기의 10%로 자동 적용됩니다.

WantedCircularProgressIndicator(
    modifier = Modifier.size(40.dp),
    color = Color.Red
)

Parameters

이름	타입	설명
`modifier`	Modifier	컴포넌트에 적용할 Modifier입니다.
`color`	Color	인디케이터 색상입니다.

Wanted 심볼 로딩 애니메이션을 표시하는 컴포넌트입니다. isUseDim이 true인 경우 Dialog 기반으로 dim 처리된 로딩 화면이 표시됩니다.

WantedLogoLoading(isUseDim = true)

Parameters

이름	타입	설명
`modifier`	Modifier	컴포넌트에 적용할 Modifier입니다.
`isUseDim`	Boolean	dim 배경 사용 여부입니다.

Dialog 기반의 Wanted 심볼 로딩 컴포넌트입니다. 외부 터치나 뒤로가기로 닫히지 않도록 설정된 Dialog에 로고 애니메이션이 표시됩니다.

Parameters

이름	타입	설명
`onDismissRequest`	() -> Unit	다이얼로그 닫기 요청 시 호출되는 콜백입니다.
`properties`	DialogProperties	Dialog 속성 설정입니다.

Wanted 심볼 Lottie 애니메이션을 표시하는 컴포넌트입니다. 시스템 다크 모드 설정에 따라 자동으로 라이트/다크 테마의 로딩 애니메이션이 표시됩니다.

Parameters

이름	타입	설명
`modifier`	Modifier	컴포넌트에 적용할 Modifier입니다.