Snackbar

사용자의 행동에 대한 간결한 피드백을 제공하는 일시적인 알림입니다. 주로 화면 하단에 나타나 사용자의 작업 흐름을 방해하지 않으며, 실행 취소 같은 단순한 상호작용 버튼을 포함할 수 있습니다.

Design

Web

iOS

Android

WantedSnackBar

앱 전역에서 사용할 수 있는 커스텀 Snackbar 호스트입니다. WantedSnackbarVisuals 사용 시 아이콘과 설명이 포함된 커스텀 레이아웃으로 표시되며, 기본 SnackbarVisuals를 사용 시 표준 형태로 표시됩니다.

val snackbarHostState = remember { SnackbarHostState() }
WantedSnackBar(snackbarHostState = snackbarHostState)

Advanced

WantedSnackbarVisuals

Wanted 전용 Snackbar 메시지와 UI 요소를 지정하는 클래스입니다. 기본 메시지 외에 부가 설명, 아이콘, 패딩 등을 커스터마이징할 수 있습니다.

SnackbarHostState.showSnackbar

Wanted 스타일의 Snackbar를 표시하는 확장 함수입니다. WantedSnackbarVisuals를 사용하여 표시하며, 이미 표시 중인 Snackbar가 있다면 자동으로 닫고 새로운 Snackbar를 표시합니다.

val snackbarHostState = remember { SnackbarHostState() }
val scope = rememberCoroutineScope()

snackbarHostState.showSnackbar(
    scope = scope,
    message = "저장되었습니다."
)