긴급 공지 Critical alerts

긴급 공지는 본문 상단에 강조되어 표시되는 배너로 사용자에게 긴급하거나 중요한 정보를 전달하는 데 사용된다. 모든 공공 디지털 서비스에서 동일한 긴급 공지 컴포넌트를 사용함으로써 사용자는 긴급한 정보를 일관되고 예측 가능한 방식으로 찾고 이해할 수 있다.

KRDS 가이드

기본

import { CriticalAlert } from '@krds.ui/react'

export default function CriticalAlertDemo() {
  return <CriticalAlert alerts={[{ variant: 'danger', message: '시스템 점검 안내', href: '#notice', linkText: '자세히 보기' }]} />
}

CriticalAlert

Props

이름	타입	기본값	설명
alerts (필수)	CriticalAlertItemProps[]	-	alert 목록