Danger Zone Card
Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a sole owner guard, and an export reminder above.
Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a sole owner guard, and an export reminder above.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Danger Zone Card gathers an account's irreversible actions in one ruled panel: Transfer ownership, Deactivate account, and Delete account, each with its consequence stated plainly. An export reminder sits above the rows, and the destructive Delete row is disabled behind a sole owner guard that names the one step which unblocks it.
Actions are a typed const array; the destructive, disabled, and guard flags drive the button variant, the disabled state, and the inline warning. Delete stays blocked until ownership moves, so the block never lets a sole owner strand a workspace by accident.
Reach for this block at the bottom of the account settings page, wired to your account API. Confirm every action with a typed confirmation step, and keep the sole owner guard server-side so the disabled button cannot be forced.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the personal account danger zone. Other destructive surfaces:
Tip: name the exact blocker in the guard line so a stuck user knows the single step that unlocks deletion.