긴급 공지

긴급 공지는 본문 상단에 강조되어 표시되는 배너로 사용자에게 긴급하거나 중요한 정보를 전달하는 데 사용된다.

사용 지침

정보(info)·주의(warning)·성공(success)·위험(danger) 등 의미별 색상 토큰과 아이콘을 함께 사용하고, 닫기 가능한 경우 키보드로도 닫을 수 있도록 합니다.

예제

기본

examples/critical-alert/CriticalAlertDefault.tsx
import { CriticalAlert, CriticalAlertAction, CriticalAlertMessage } from "@/components/ui/critical-alert"

export default function CriticalAlertDefault() {

커스텀 링크 텍스트

examples/critical-alert/CriticalAlertCustomLinkText.tsx
import { CriticalAlert, CriticalAlertAction, CriticalAlertMessage } from "@/components/ui/critical-alert"

export default function CriticalAlertCustomLinkText() {

링크 없음

examples/critical-alert/CriticalAlertWithoutLink.tsx
import { CriticalAlert, CriticalAlertMessage } from "@/components/ui/critical-alert"

export default function CriticalAlertWithoutLink() {

속성

이름타입기본값설명
classNamestring——
typeenumemergency—