설명

상담·메신저 화면에 쓰는 채팅 블록 3종입니다. 대화창에는 날짜 구분선, 받은·보낸 말풍선, 파일 첨부 카드, 읽음 표시, 입력창을 넣었고 타이핑 인디케이터는 CSS 애니메이션으로 움직입니다. 상태 모음은 전송 중·전송됨·읽음·전송 실패와 다시 보내기, 답장 인용, 시스템 메시지를 한자리에 모았습니다. 마지막은 같은 구조를 다크 배경으로 옮긴 컴팩트 버전입니다. 읽음 아이콘에는 aria-label을 달았고, 애니메이션은 prefers-reduced-motion에서 멈춥니다.

변경 이력