빈 상태에는 일러스트나 버튼을 넣지 않습니다. 오류는 붉은 틴트 배경 위에 한 줄로 표시하며, 폼에서는 FormField 가 버튼 위에 같은 스타일로 표시합니다. 문구는 합니다체로 씁니다.

쓰는 경우

목록이나 표에 표시할 항목이 없을 때 Empty 를, 폼 밖에서 작업 실패를 알릴 때 ErrorText 를 씁니다.

쓰지 않는 경우

폼 제출 오류는 ErrorText 를 따로 두지 않고 FormField 의 error 로 넘깁니다. 빈 상태에 일러스트나 버튼을 넣지 않습니다.

읽는 동안(손 올림 · 포커스) · 탭이 숨은 동안에는 시계가 멈춥니다. 기본 시간은 정보 · 성공 6초(되돌리기가 있으면 10초) · 경고 10초 · 오류와 진행은 닫을 때까지입니다. 같은 id 로 다시 부르면 새로 쌓지 않고 바꿉니다. 종류는 색 띠가 아니라 모양이 다른 아이콘과 글자로 말합니다.

import

import { ToastRegion, Toast, toast } from "@uyoolabs/ui/feedback";

쓰는 경우

방금 한 일의 결과(보관 · 공유 · 저장), 되돌릴 수 있는 동작 뒤의 [되돌리기], 화면 밖에서 끝난 일(내보내기 완료 · 업로드 실패)에 씁니다.

쓰지 않는 경우

읽고 판단해야 하는 긴 내용 · 여러 버튼(대화상자 · 알림 띠), 폼 검증 오류(칸 옆 오류 문장)에는 쓰지 않습니다. 오류를 저절로 사라지게 하지 않고, 되돌릴 수 없는 동작을 되돌리기 토스트로 감추지 않습니다. 동작은 토스트 밖에서도 할 수 있어야 합니다(altText).

import

import { Alert, AlertAction, Banner } from "@uyoolabs/ui/ui";

쓰는 경우

보기 전용 문서, 필터로 숨겨진 항목, 연동 실패, 곧 바뀌는 기본값. 무엇이 문제인지 + 어떻게 고치나 + 동작 하나를 함께 둡니다.

쓰지 않는 경우

방금 한 동작의 결과(Toast), 지금 답해야 하는 질문(Dialog), 칸 하나의 검증 오류(Field 오류)에는 쓰지 않습니다. 같은 화면에 알림을 셋 이상 두지 않고, 되돌릴 수 있는 일에 빨강 톤을 쓰지 않습니다. 틴트 위에서는 muted 글자와 secondary 버튼을 쓰지 않습니다(대비 미달).