본문으로 건너뛰기
표시

알림

지속적인 상태와 안내를 편집 지면의 주석처럼 보여주는 메시지다. 의미는 절제된 왼쪽 선과 아이콘으로 구분하며, 본문의 읽는 흐름을 과하게 끊지 않는다.

상태

Editor's note

인용 출처를 검토한다.
info

발행 완료

새 호가 공개되었다.
success
warning
danger

활용 방법

편집 주석

제목 없이 짧은 안내만 두면 본문 곁의 주석처럼 읽힌다.

Preview
이 글은 편집 중이며 인용 문구가 바뀔 수 있다.
tsx
<Alert>이 글은 편집 중이며 인용 문구가 바뀔 수 있다.</Alert>

행동 포함

메시지 안에서 바로 해결할 수 있는 경우 action에 짧은 동작을 둔다.

Preview
tsx
<Alert tone="warning" title="검토 필요" action={<Button size="sm">초고 열기</Button>}>
발행 전에 각주를 확인한다.
</Alert>

속성

이름타입기본값설명
tone"info" | "success" | "warning" | "danger""info"메시지의 의미
titleReactNode-메시지 제목
childrenReactNode-메시지 본문
actionReactNode-본문 아래 동작
classNamestring-루트 클래스