알림 배너
Betelgeuse 의 알림 배너는 지속 메시지를 굵은 테두리와 하드 섀도로 강하게 표시한다.
상태
info
System message.
success
System message.
warning
System message.
danger
System message.
활용 방법
행동 포함
action에 버튼을 전달해 메시지와 후속 행동을 결합한다.
Preview
Heads up
Move fast, check state.
tsx
<Alert tone="warning" title="Heads up">Move fast.</Alert>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| tone | "info" | "success" | "warning" | "danger" | "info" | 의미 |
| title | ReactNode | - | 제목 |
| children | ReactNode | - | 본문 |
| action | ReactNode | - | 하단 액션 |