Alert

MSK Alert는 화면 안에 고정되어 보이는 안내, 경고, 실패 메시지를 다루는 CSS-first primitive입니다. 일시적인 작업 결과는 toast를 사용합니다.

Preview

설정 확인

필수 설정이 아직 남아 있습니다. 저장 전에 누락 항목을 확인하세요.

Usage

<div class="msk-ui-alert" data-type="warning">
  <p class="msk-ui-alert__title">설정 확인</p>
  <p class="msk-ui-alert__body">필수 설정이 아직 남아 있습니다.</p>
</div>

Alert는 rich HTML 문자열을 받지 않고 기존 DOM 구조를 그대로 스타일링합니다.