ConfirmDialog

shell

확인/취소 대화 상자. danger 변형으로 위험 작업 확인을 지원합니다.

컴포넌트 의존 관계

깊이

100%

기본 확인 다이얼로그

Danger 변형 — 위험한 작업 확인

children 슬롯 — 추가 콘텐츠 삽입

커스텀 라벨 — confirmLabel / cancelLabel

테스트 커버리지

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

ConfirmDialog 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

ConfirmDialog Props

Prop	타입	기본값	설명
`open`*	`boolean`	—	열림 상태
`onConfirm`*	`() => void`	—	확인 콜백
`onCancel`*	`() => void`	—	취소 콜백
`title`*	`string`	—	대화 상자 제목
`description`	`string`	—	설명 텍스트
`confirmLabel`	`string`	`"Confirm"`	확인 버튼 텍스트
`cancelLabel`	`string`	`"Cancel"`	취소 버튼 텍스트
`variant`	`"default" \| "danger"`	`"default"`	변형

Import

tsx

import { ConfirmDialog } from "@reopt-ai/opt-ui";