確認ダイアログAlertDialog
Experimental

削除や破棄など、重要な操作の前に明示的な確認を求めるモーダルダイアログです。

プレビュー

状態とバリエーション

破壊的操作の確認

削除など取り消せない操作は、起点のボタンと確定操作の両方を destructive にします。

未保存変更のガード

ページ遷移や破棄の前に、ユーザーが意図を確認する必要がある場面に使います。

権限が必要な操作

実行できない操作は、理由と次の行動を確認ダイアログで明示します。

対象情報付きの削除確認

削除対象を明示し、ユーザーがどのデータに影響するか確認できるようにします。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
openboolean-開閉状態を外部で制御します。
onOpenChange(open: boolean) => void-開閉状態が変わった時に呼び出されます。
portalContainerHTMLElement | null-プレビュー枠や疑似ブラウザ内に閉じ込めたい場合のポータル先です。

使い方

Loading...

使用コンポーネント