reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/Shells/ConfirmDialog

ConfirmDialog

Shell

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

feedback
Related docs
npx @reopt-ai/opt-cli surface add confirm-dialog
100%

기본 확인 다이얼로그

Danger 변형 — 위험한 작업 확인

children 슬롯 — 추가 콘텐츠 삽입

커스텀 라벨 — confirmLabel / cancelLabel

컴포넌트 의존 관계

깊이
▲ USED BY (2)▼ USES (1)project-settingsproject-overviewConfirmDialogdialog

테스트 커버리지

2026년 7월 9일3/3 통과
3성공
0실패
3전체
  • open=true일 때 렌더링된다
  • 확인 버튼 클릭 시 onConfirm 호출
  • 취소 버튼 클릭 시 onCancel 호출

Related components

StatusSelect

색상 인디케이터가 있는 상태 선택 드롭다운.

Feedback

NotificationToast

토스트 알림 시스템. 포인터/키보드 상호작용 중 자동 닫힘을 일시 정지하고, 중요도별 live region으로 전역 알림을 관리합니다.

Feedback

ConnectionIndicator

연결 상태 표시기. connected, connecting, disconnected, error 상태를 지원합니다.

Feedback

FloatingActionBar

플로팅 액션 바. 선택된 항목에 대한 일괄 작업 버튼을 하단에 표시합니다.

Feedback

FailureList

실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다.

Feedback

AlertBuilder

알림 빌더. 명시적으로 연결된 폼 레이블로 메트릭 조건, 빈도, 채널을 구성합니다.

Feedback
PreviousAppShellNextAsyncCombobox

기본 사용

색상 커스터마이징

기본 사용

토스트 위에 포인터를 두거나 닫기 버튼에 포커스하면 남은 자동 닫힘 시간이 일시 정지됩니다. 경고/오류는 assertive, 정보/성공은 polite로 안내됩니다.

ConnectedConnecting...DisconnectedConnection lost
Persistent LakeVolatileRecoveredIdle
3 selected