§07-05Notifications
モーダル alert (destructive 確認)
取り消せない操作の前に確認ダイアログを出す。
誤クリックによる削除や解約を防ぐ。やり直せない操作に限って使い、頻繁な操作に付けると確認が形骸化する。
実装のポイント
取り消せない操作は対象名や固定文字列の入力で確認させ、一致するまで実行ボタンを無効にする。初期フォーカスはキャンセル側に置く。
- 特徴
- フォーム
- アクセシビリティ
- デモで使っているもの
- shadcn/ui
- lucide-react
§07-05Notifications
取り消せない操作の前に確認ダイアログを出す。
誤クリックによる削除や解約を防ぐ。やり直せない操作に限って使い、頻繁な操作に付けると確認が形骸化する。
取り消せない操作は対象名や固定文字列の入力で確認させ、一致するまで実行ボタンを無効にする。初期フォーカスはキャンセル側に置く。