Components

Page Banner

페이지 상단의 일시적 공지입니다. 닫을 수 있습니다.

점검 안내7월 31일 02:00–04:00 서비스가 일시 중단됩니다.
코드 보기
<div class="tn-banner">
  <b>점검 안내</b><span>내용 한 줄</span>
  <button class="x">×</button>
</div>

Variants

이름설명미리보기
기본muted 배경 + 닫기
점검 안내
긴급Callout err 스타일 차용
긴급 공지

Guidelines

✓ Do
  • 한 번에 1개만
  • 닫으면 세션 동안 다시 안 띄운다
✕ Don't
  • 마케팅 문구 금지 (공지 전용)
  • 자동 슬라이드·롤링 금지

Specification

속성토큰/값비고
배경var(--muted)
radius8px