About this block

Danger Zone Form is the destructive confirmation pattern: a warning that deletion is permanent, an itemized list of exactly what deletion destroys (deployments stop resolving, the slug is released, logs purge after 30 days), two acknowledgment checkboxes, and a type-to-confirm input that keeps the delete button disabled until the project name is typed exactly and both boxes are checked.

The consequence lines live in a const array and the gate is a single derived boolean: both acknowledgments true and the typed value matching the project name. The type-to-confirm step is the load-bearing detail, it turns an accidental click into a deliberate action.

When to use

Reach for this block in the danger zone of a settings page, wired to your delete endpoint and the resource name you want typed back. Use it for any action with no undo: deleting a project, closing an account, or removing a workspace.

A natural flow around it on an Application Pro page:

Before

• Settings pages
• Billing

After

• Empty states
• Profile and account

What you can display

One strong use is the delete project panel. Other destructive-confirmation surfaces:

• Close account. The consequence list covers exported data, billing, and the release of the account handle.
• Remove member. What the person loses access to, with a single acknowledgment instead of type-to-confirm.
• Reset environment. The list of resources wiped, gated behind typing the environment name.

Tip: name the exact consequences rather than a generic warning; the specific lines are what make someone stop and read before they type.