Home/Components/Alert dialog

Alert dialog

A blocking confirm dialog. Used when an action is irreversible or has consequences the user needs to see before saying yes.

Stable .alert-dialog BlockingUse sparingly

Default

Two-button. Cancel left, primary right.

Close shift S-2841?

This will reconcile cash and lock Till 02. You can’t reopen a closed shift — only the next day.

Confirm dialog

Destructive

Same shell, danger-coloured primary, irreversibility called out in the body.

● Permanent

Delete workspace Mukamba Group?

All 5 sites, 2,418 SKUs, and 184 employees will be removed. This can’t be undone. Type mukamba-group to confirm.

Destructive confirm

Do & don't

Do

Require a typed confirmation for permanently destructive things — delete workspace, delete employee record.

Don't

Use an alert dialog for routine confirmations. Operators learn to dismiss them.

Do

Lead the body with the consequence — what will be lost.

Don't

Default-focus the destructive button. Cancel should be the safe default.