ホーム/コンポーネント/オーバーレイ/確認ダイアログ ConfirmDialog

ConfirmDialog

確認ダイアログコンポーネント。削除や重要な操作の確認に使用。Modal をラップした簡易版。

import { ConfirmDialog } from "@blueai/ui"

Examples

Standard confirm

<ConfirmDialog
  open={open}
  onClose={() => setOpen(false)}
  title="変更を保存しますか？"
  description="保存すると元に戻せません。"
  confirmLabel="保存する"
  onConfirm={() => setOpen(false)}
/>

Danger confirm

<ConfirmDialog
  open={open}
  onClose={() => setOpen(false)}
  title="このメンバーを削除しますか？"
  description="この操作は取り消せません。"
  confirmLabel="削除する"
  onConfirm={() => setOpen(false)}
  danger
/>

Props

Prop	Type	Default	Description
open*	boolean	—	表示状態
onClose*	() => void	—	閉じるコールバック
title*	string	—	タイトル
description	string	—	説明文
confirmLabel*	string	—	確認ボタンのラベル
cancelLabel	string	—	キャンセルボタンのラベル（デフォルト: キャンセル）
onConfirm*	() => void	—	確認時のコールバック
danger	boolean	—	危険な操作（赤い確認ボタン）
loading	boolean	—	処理中状態