本文へ移動

§07-05Notifications

モーダル alert (destructive 確認)

取り消せない操作の前に確認ダイアログを出す。

誤クリックによる削除や解約を防ぐ。やり直せない操作に限って使い、頻繁な操作に付けると確認が形骸化する。

実装のポイント

取り消せない操作は対象名や固定文字列の入力で確認させ、一致するまで実行ボタンを無効にする。初期フォーカスはキャンセル側に置く。

特徴
  • フォーム
  • アクセシビリティ
デモで使っているもの
  • shadcn/ui
  • lucide-react