Components

Result Section

작업 완료를 알리는 마무리 화면 — 체크·결과 한 줄·접수증 배지로 구성됩니다.

✓

전송 완료

파일이 정상적으로 접수되었습니다.

3개 파일 · 5.2 GB · 2026.07.29 14:32 접수

코드 보기

<div class="done-box show">
  <div class="done-ic">✓</div>
  <div class="done-t">전송 완료</div>
  <div class="done-s">파일이 정상적으로 접수되었습니다.</div>
  <div class="done-r">3개 파일 · 5.2 GB · 14:32 접수</div>
</div>

Variants

이름	설명	미리보기
완료	그린 체크 + 접수증	✓전송 완료
실패	Callout err로 대체 — 실패엔 이 컴포넌트를 쓰지 않는다	전송 실패 — Callout 사용

Guidelines

✓ Do

결과 한 줄 + 근거(접수증)까지가 한 세트
다음 행동이 없으면 버튼도 없다

✕ Don't

축하 문구·이모지 금지 ("🎉 성공!")
실패 상태에 쓰지 않는다

Specification

속성	토큰/값	비고
`체크 원`	`46px / var(--ok)`
`접수증`	`999px 테두리 배지`	수량·용량·시각