Toast
원본: projects/skill-lens/design/components/Toast/README.md
상태: In Progress, 접근성 ✓, 다크 ✓, 코드 ✗
토스트: 저장 알림과 되돌리기. 하단 CTA 위에 스프링으로 등장
방금 한 일의 결과를 한 줄로 알립니다. 원본은 8판 .toast.
쓰는 곳
저장, 반영, 초대 같은 되돌릴 수 있는 행동 뒤.
구성(화면이 넘겨줄 것)
문장 하나(과거형), (선택) 되돌리기.
규칙
- 먹색 면, 둥글기 12, 안쪽 12 18, 글자 14, 아래 104 가운데, 최대 폭 80%.
- 되돌리기(
sl-toast__action)는 연보라 700 글자(on-action-accent). - 4초 뒤 사라지고, 되돌리기가 있으면 6초. 오류는 그 자리에.
접근성
role="status",aria-live="polite".
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.