사용 시나리오

입력과 제출#

회원가입, 환경 설정, 승인 요청처럼 정보를 입력하고 확정하는 화면에 사용합니다. 입력 요소에는 이름을 명확히 지정하고, 최종 동작은 Primary Button으로 표현합니다.

탐색과 화면 구성#

여러 업무 화면을 오가는 관리 도구에서는 현재 위치와 이동 경로를 명확히 표시하세요. 같은 수준의 화면 전환에는 Tabs, 계층 구조의 탐색에는 Menu와 Breadcrumb을 사용할 수 있습니다.

• Menu와 Navigation으로 주요 화면의 탐색 구조를 만듭니다.
• Breadcrumb으로 상위 화면으로 돌아가는 경로를 제공합니다.
• Drawer로 현재 작업을 유지한 채 상세 정보를 보여줍니다.

상태와 피드백#

동작 직후에는 결과를 전달하고, 시간이 걸리는 작업에는 진행 상태를 표시합니다. 오류처럼 이후 동작에 영향을 주는 정보는 사라지는 알림에만 의존하지 마세요.

• 짧은 완료 알림: Toast.
• 입력 오류나 지속적으로 알려야 할 정보: Inline Message 또는 Banner.
• 데이터 로딩: Skeleton, 진행률이 있는 작업: Progress Bar.
• 데이터가 없는 상태: Empty와 다음 동작을 안내하는 Button.