알림
지속적인 상태와 안내를 편집 지면의 주석처럼 보여주는 메시지다. 의미는 절제된 왼쪽 선과 아이콘으로 구분하며, 본문의 읽는 흐름을 과하게 끊지 않는다.
상태
Editor's note
인용 출처를 검토한다.
발행 완료
새 호가 공개되었다.
검토 필요
대체 텍스트가 비어 있다.
발행 실패
연결을 확인한다.
활용 방법
편집 주석
제목 없이 짧은 안내만 두면 본문 곁의 주석처럼 읽힌다.
Preview
이 글은 편집 중이며 인용 문구가 바뀔 수 있다.
tsx
<Alert>이 글은 편집 중이며 인용 문구가 바뀔 수 있다.</Alert>
행동 포함
메시지 안에서 바로 해결할 수 있는 경우 action에 짧은 동작을 둔다.
Preview
검토 필요
발행 전에 각주를 확인한다.
tsx
<Alert tone="warning" title="검토 필요" action={<Button size="sm">초고 열기</Button>}>발행 전에 각주를 확인한다.</Alert>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| tone | "info" | "success" | "warning" | "danger" | "info" | 메시지의 의미 |
| title | ReactNode | - | 메시지 제목 |
| children | ReactNode | - | 메시지 본문 |
| action | ReactNode | - | 본문 아래 동작 |
| className | string | - | 루트 클래스 |