Examples
Use headless dialog when the workflow needs your own panel structure, action treatment, or dismissal policy while preserving a stable modal behavior contract.
Destructive confirmation
A destructive flow with explicit close reasons and owner-authored action styling.
Destructive confirmation with owner CSS
Delete release branch?
This action removes branch automation and cannot be undone.
result: No decision yet
Destructive confirmation with Tailwind
Delete release branch?
This action removes branch automation and cannot be undone.
result: No decision yet
Controlled review gate
For approval or onboarding flows, keep the dialog controlled and disable passive dismissal until the user chooses an explicit action.
Controlled review gate with owner CSS
Security review required
Complete the release checklist before continuing with deployment.
- Static analysis must be clean.
- QA sign-off must be attached to the release note.
- Rollback instructions must be linked in the deployment ticket.
Backdrop click and Escape are disabled until someone chooses an action.
result: No decision yet
Controlled review gate with Tailwind
Security review required
Complete the release checklist before continuing with deployment.
- Static analysis must be clean.
- QA sign-off must be attached to the release note.
- Rollback instructions must be linked in the deployment ticket.
Backdrop click and Escape are disabled until someone chooses an action.
result: No decision yet