컴포넌트 · 피드백
Toast · Alert
Toast는 방금 한 행동의 결과를 잠깐 알리고 사라집니다. Alert는 화면에 머물면서 사용자가 알아야 할 상태나 주의 사항을 전달합니다.
무엇을 쓸까
Toast
버튼을 눌러 실제 토스트를 띄워 보세요. 최대 3개까지 쌓이고 오래된 것부터 사라집니다.
정산 계좌가 변경되었어요
네트워크 연결이 불안정해요
메뉴 ‘아메리카노’를 숨겼어요
Alert
10월 1일 정산은 공휴일로 10월 2일에 지급돼요
정산 계좌 인증이 필요해요
인증을 완료하지 않으면 다음 정산이 보류됩니다.
카드사 승인 지연
신한카드 승인 응답이 평소보다 느립니다. 결제 실패 시 다른 카드로 안내해 주세요.
사업자 인증이 완료되었어요
이 가맹점은 테스트 모드로 운영 중입니다.
사용 규칙
이렇게 하세요
- 토스트 문구는 한 줄, 결과를 과거형으로 (저장되었어요)
- 오류는 원인 + 해결 방법 (Alert · 필드 메시지)
- 모바일 토스트는 하단 CTA 위에
이렇게 하지 마세요
- 결제 실패처럼 중요한 오류를 토스트로만 알림
- 토스트에 버튼 2개 이상
- 성공할 때마다 모달 띄우기