알림
화면 안에 머무는 안내. 잠깐 떴다 사라지는 것은 토스트입니다.
코드
<div class="jt-note">기본은 파랑(정보)입니다.</div>
<div class="jt-note jt-note-warning">규격을 벗어난 항목이 1건 있습니다.</div>
<div class="jt-note jt-note-error">저장하지 못했습니다.</div>
<div class="jt-note jt-note-success">발행이 완료되었습니다.</div>하지 말 것
- 에러 메시지에서 사과하지 마세요. 무엇이 잘못됐고 어떻게 고치는지를 알립니다.
- 한 화면에 알림을 3개 이상 쌓지 마세요. 아무도 안 읽습니다.
접근성
- 중요한 알림은
role="alert"를 주면 스크린리더가 즉시 읽습니다 - 색 + 글자를 함께. 노란 배경만으로 ‘주의’를 전달하지 않습니다
앱에서 모양 바꾸기
이 컴포넌트는 별도 노브가 없습니다. 크기·색이 다르게 필요하면 도움말로 요청하세요 — 토큰에 먼저 추가한 뒤 씁니다.