Feedback

Alert

페이지 안에 머무는 인라인 알림.

페이지/섹션 영역에 영구·반영구로 머무는 메시지. 일시적 알림은 Toast. severity 4종, 자동 아이콘, 옵션으로 dismiss 버튼.

import { Alert } from "@nxtgen-org/react";

Severities

info / success / warning / danger

새 모델

Opus 4.7이 추가되었습니다.

저장 완료

정상적으로 저장되었습니다.

토큰 부족

남은 토큰: 1,200

실행 실패

도구 호출 오류.

tsx

1<Alert variant="info" title="새 모델">Opus 4.7이 추가되었습니다.</Alert>
2<Alert variant="success" title="저장 완료">정상적으로 저장되었습니다.</Alert>
3<Alert variant="warning" title="토큰 부족">남은 토큰: 1,200</Alert>
4<Alert variant="danger" title="실행 실패">도구 호출 오류.</Alert>

Dismissible

onDismiss

에이전트 실행 실패

도구 호출 중 오류 발생.

tsx

1const [open, setOpen] = useState(true);
2
3{open && (
4  <Alert variant="danger" title="실패" onDismiss={() => setOpen(false)}>
5    도구 호출 오류.
6  </Alert>
7)}

API

Name	Type	Default	Description
variant	"info" \| "success" \| "warning" \| "danger"	"info"	—
title	ReactNode	—	—
children	ReactNode	—	본문.
onDismiss	() => void	—	있으면 우측에 닫기 버튼.
icon	ReactNode \| false	—	false면 숨김. 직접 ReactNode면 override.